我在react.js中建立了一个网站，出现了一个问题。我认为，当我点击一个需要脚本的页面时，我第一次输入脚本不工作。但当我刷新页面后。突然出现数据。我认为我的JavaScript没有加载它，但如果我刷新页面，它开始工作。
我把javascript文件放到index.html中。
我试着用 Helm ，我试着用懒惰的方法加载主页，都不起作用。
这是我的homepage.js代码的一部分。例如，data-bgimage似乎不是页面第一次加载，当我刷新页面时，它才显示出来。

<div className="no-bottom no-top" id="content">
              <div id="top" />
              <section id="section-hero" className="no-top no-bottom" data-bgimage={"url(images/background/11.jpg) left bottom"}>
                <div className="v-center">
                  <div className="container">
                    <div className="row align-items-center">
                      <div className="col-md-6">
                        <div className="spacer-single" />
                        <h6 className="wow fadeInUp" data-wow-delay=".5s"><span className="text-uppercase id-color-2"> Market</span></h6>
                        <div className="spacer-10" />

这是我的应用程序js：

import React from 'react';
import {HashRouter as Router ,Route,Redirect,Switch} from 'react-router-dom';
import TopBar from './components/TopBar';
import HomePage from './pages/home';
import LoginPage from './pages/LoginPage';
import SignUp from './pages/SignUp';
import {useSelector} from 'react-redux';

const App = ()=> {
  //static contextType = Authentication;
  const {isLoggedIn} = useSelector((store)=> ({isLoggedIn:store.isLoggedIn}));
  return (
    <div id="wrapper">
        <Router>
          
        <TopBar />
        <Switch>
        <Route forceRefresh={true} exact path="/" component={HomePage} />
        {!isLoggedIn && <Route path="/login" component={LoginPage} />}
        <Route exact path="/signup" component={SignUp} />

       </Switch>
        <Redirect to="/" />
        </Router>
   </div>
    
  );
};

export default App;

这是index.html的截图：

这是控制台错误（有时错误不显示，当我刷新页面错误消失了。）