React.js 已部署但出现黑色或白色空白屏幕

Question

您好，我用 Firebase 和 React 制作了 Twitter 克隆编码它在本地服务器上运行良好，但是当我部署在 GitPages 或 Netilfy 上时，它最终不起作用我不知道如何修复它请帮帮我伙计们

这个站点我部署了什么https://confident-sammet-d0361b.netlify.app/

Router.jsx


import {HashRouter as Router, Route , Switch} from "react-router-dom";
import Auth from "routes/auth";
import Home from "../routes/home";
import Profile from "../routes/profile";
import Navigation from "./navigation";

const AppRouter = ({ refreshUser, isLoggedIn, userObj }) => {
  return (
    <Router>
      {isLoggedIn && <Navigation userObj={userObj} />}
      <Switch>
        {isLoggedIn ? (
          <div
            style={{
              maxWidth: 890,
              width: "100%",
              margin: "0 auto",
              marginTop: 80,
              display: "flex",
              justifyContent: "center",
            }}
          >
            <Route exact path="/">
              <Home userObj={userObj} />
            </Route>
            <Route exact path="/profile">
              <Profile userObj={userObj} refreshUser={refreshUser} />
            </Route>
          </div>
        ) : (
          <>
            <Route exact path="/">
              <Auth />
            </Route>
          </>
        )}
      </Switch>
    </Router>
  );
};
export default AppRouter;

Answer 1

您需要处理的控制台中有错误：

Your API key is invalid, please check you have copied it correctly.

具体来说，它看起来像是来自 Firebase Auth。