使用 GitHub 页面,空白白屏

IT技术 reactjs github-pages
2021-04-28 18:40:02

我正在尝试使用 [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 的情况下工作。

我还提到了这个答案:在自定义域上托管 gh-pages,白色空白页面,但它对我没有任何作用。

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

4个回答

更改BrowserRouterHashRouter如下

前:

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')
);

检查您是否在控制台上收到错误。您可能需要从 BroswerRouter 切换到 HashRouter,因为 gh-pages 不适用于前者。

我对这个讨论有点晚了,但我遇到了同样的问题,我找到了一个没有在这里列出的解决方案。

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

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

在我的 create-react-app 中使用 react router 我遇到了同样的问题。为我解决的是将这条线添加到路由器。

<Router basename={process.env.PUBLIC_URL}>