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。