firebase 托管的 React 应用程序返回“您需要启用 JavaScript 才能运行此应用程序”

Question

我有一个使用 react 制作的 Web 应用程序，它通过 firebase 托管托管，还有一个后端服务器使用托管在云功能上的 express。

网站： https : //studyi.co/

登陆、登录和注册页面按预期工作，但在任何带有 /app/{route} 的路由（例如 /app/dashboard）上，都会返回一个空白页面，并且请求返回“您需要启用 javascript 才能运行此应用程序”

这里的一切都在开发服务器上运行，react 网站是通过 npm start 启动的，并通过 firebase 与云功能通信。

知道为什么吗？

//routes.js
const Dashboard = lazy(() => import('../pages/Dashboard'))
const Tasks = lazy(() => import('../pages/Tasks'))

const routes = [
  {
    path: '/dashboard', // the url
    component: Dashboard, // view rendered
  },
  {
    path: '/tasks',
    component: Tasks,
  },
]

//layout.js
            <Switch>
              {routes.map((route, i) => {
                return route.component ? (
                  <Route
                    key={i}
                    exact={true}
                    path={`/app${route.path}`}
                    render={(props) => <route.component {...props} />}
                  />
                ) : null
              })}
              <Route component={Page404} />
            </Switch>

//app.js
export const AuthenticatedRoute = ({ component: C, ...props }) => {
    const { user } = useAuth() //useAuth is linked to firebase authStateObserver
  return (
      <Route
          {...props}
          render={routeProps =>
              user ? <C {...routeProps} /> : <Redirect excat to="/login" />
          }
      />
  )
}

const UnauthenticatedRoute = ({ component: C, ...props }) => {
  const { user } = useAuth()
  return (
      <Route
          {...props}
          render={routeProps =>
              !user ? <C {...routeProps} /> : <Redirect excat to="/app/dashboard" />
          }
      />
  )
}

<UnauthenticatedRoute excat path="/create-account" component={CreateAccount} />
<AuthenticatedRoute path="/app" component={Layout} />
<Route excat path="/" component={LandingPage} />

我是网络开发的新手，如果我能提供任何其他信息，请告诉我。

Answer 1

通过删除“主页”修复：“。” 在 package.json 中