使用 GitHub 页面，空白屏幕答案

【问题标题】：Using GitHub pages, blank white screen使用 GitHub 页面，空白屏幕
【发布时间】：2017-12-27 04:58:51
【问题描述】：

我正在尝试使用 [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 但它对我没有任何作用。

有谁知道如何解决这个问题？谢谢！

【问题讨论】：

【解决方案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')
);

【讨论】：

【解决方案2】：

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

【讨论】：

我已将其更改为 HashRouter，但我仍然有一个空白屏幕。当我在其上使用检查元素时，它有 4 条错误消息显示“加载资源失败：服务器响应 defaultmin.css 状态为 404（未找到）”，另一条错误消息状态为“400（错误要求）”。我不知道为什么。
你在使用重定向吗？它可能会失败。我遇到了这个问题，我在重定向的每个点（渲染、组件安装和组件更新）使用日志对其进行了调试

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：