使用GitHub页面，空白屏幕

Question

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

但是，当我在本地运行它时，以及当我使用gh-pages而不是用户repo时，它都有效。

我使用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

检查控制台上是否出现错误。您可能需要从BroswerRouter切换到HashRouter，因为gh-pages与前者不兼容。

Answer 2

按照以下说明将 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')
);

Answer 3

我的讨论有点晚了，但我遇到了同样的问题，我找到了此处未列出的解决方案。

这是我找到的解决方案：https://github.com/gitname/react-gh-pages/issues/3#issuecomment-399787987

该用户遇到的问题与 GitHub 如何从 GitHub Pages 为您的 React 构建提供服务有关。 GitHub 页面从存储库目录之后的文件夹名称而不是根服务器目录“/”为您的 React 构建提供服务。希望此链接将来能帮助其他人。