reactjs - 使用 GitHub 页面，空白白屏

Question

我正在尝试使用 [username].github.io 在 github 页面上制作一个 React 项目。但是当我打开链接时，它只返回一个没有任何错误消息的白屏。当我使用自定义域名时也会发生这种情况。

但是，当我在本地运行它时以及当我使用 gh-pages 而不是用户存储库时，它都可以工作。

我用过 https://medium.freecodecamp.org/surge-vs-github-pages-deploying-a-create-react-app-project-c0ecbf317089将我的所有文件上传到 github，因为我在完成后在最后创建了 repo，但我稍微调整了它以在没有 gh-pages 的情况下工作。

我也提到了这个答案:hosting gh-pages on custom domain, white empty page但它对我没有任何作用。

有谁知道如何解决这一问题？谢谢!

Answer 1

更改 BrowserRouter 至 HashRouter 如下

之前:

import { BrowserRouter } from "react-router-dom"

ReactDOM.render(
    <BrowserRouter><App /></BrowserRouter>,
    document.getElementById('root')
);

之后:

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

ReactDOM.render(
    <HashRouter><App /></HashRouter>,
    document.getElementById('root')
);