github页面上的React应用程序部署显示空白页面

Question

我刚刚开始使用 React，构建了我的第一个应用程序，现在我尝试将其部署到 github 页面上，但该页面完全是空白的。我遵循的步骤是：

1. 安装 gh-pages：npm install gh-pages --save
2. 将主页添加到package.json： "homepage": "https://milind452.github.io/my-reads/"
3. 添加脚本："predeploy": "npm run build", "deploy": "gh-pages -d build"
4. 部署：npm run deploy

我可以看到 gh-pages 分支已创建，并且还创建了部署；但页面是空白的，控制台上没有任何显示。我检查了开发工具中的源代码，所有文件都在那里。

我还检查了我的存储库页面设置，并将部署源设置为 gh-pages 分支。我不确定发生了什么事。

我还检查了这个stackoverflow 问题，但那里的答案似乎都没有为我解决。

这是github 存储库和部署链接

Answer 1

BrowserRouter切勿在 GitHub Pages 上使用。它有一些问题，它总是显示黑屏。改用HashRouter它，这很可能会起作用。

import { HashRouter } from "react-router-dom";

// some code here

return (
    <HashRouter base="/">
        <App />
    </HashRouter>
)