重新加载时空白页面(意外令牌'<'“：Firebase主机

Question

我在Firebase上部署了我的React项目，页面重新加载导致了一个问题。当我打开部署的链接时，网站显示良好，但当我重新加载页面时，出现一个空白页面，并且在控制台中显示304错误“未捕获SyntaxError:意外令牌'<'”。在开发工作中刷新页面。可能的原因是什么？

我觉得这跟路线有关，但我不确定...

firebase.json

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

App.js

function App() {
  const authCtx = useContext(AuthContext);

  return (
    <div>
      <Route path='/' exact>
        {!authCtx.loggedIn && (
          <Redirect to='/bug-tracker/login' exact>
            <Login />
          </Redirect>
        )}
        {authCtx.loggedIn && (
          <Redirect to='/bug-tracker/bugs-list' exact>
            <Sidebar className={classes.sidebar} />
            <BugsList className={classes.bugslist} />
          </Redirect>
        )}
      </Route>
      {!authCtx.loggedIn && (
        <Route path='/bug-tracker/login' exact>
          <Login />
        </Route>
      )}
      {authCtx.loggedIn && (
        <div className={classes.container}>
          <Sidebar className={classes.sidebar} />
          <Switch>
            <Route path='/bug-tracker/bugs-list' exact>
              <BugsList className={classes.bugslist} />
            </Route>
            <Route path='/bug-tracker/bugs-list/:bugId'>
              <BugItemDetail className={classes['bug-detail']} />
            </Route>
            <Route path='/bug-tracker/submit-bug'>
              <AddNewBug className={classes['submit-bug']} />
            </Route>
            <Route path='/bug-tracker/update-bug/:bugId'>
              <UpdateBug className={classes['update-bug']} />
            </Route>
          </Switch>
        </div>
      )}
      {!authCtx.token && (
        <Redirect to='/bug-tracker/login' exact>
          <Login />
        </Redirect>
      )}
    </div>
  );
}

export default App;

Answer 1

我解决了我的问题。下面是我在package.json中的设置。我离开它是因为当我将另一个项目部署到Netlify时它可以工作。

“主页”："."

完全删除这行代码在某种程度上解决了重新加载的问题。现在，在任何页面上重新加载都可以正常工作。