在自定义域上托管 gh 页面，白色空页面

Question

我是编码新手，需要一些帮助。 我做了一个react项目（使用create-react-app），并且该网站已经在我的gh-pages分支上运行

（这是我的仓库：https://github.com/simchaleh/shivisihashem.git）

我一直在尝试在自定义域上托管 gh-pages 项目。 我的 React 项目托管在 gh-pages 上时看起来很棒，但是当我尝试将其连接到我的自定义域时，我得到的只是纯白屏幕。

这是我在自定义域上的 DNS 设置的屏幕图片。 （你还可以看到 gh-pages 说它托管在我的域上）：

我在 gh-pages 分支中有一个 CNAME 文件，其中一行，我在其中放置： shivisihashem.com

有人知道为什么我的自定义域上出现空白屏幕吗？

谢谢！

Answer 1

我刚刚得到 github 工作人员的答复。它解决了我的问题。 如果其他人也有同样的问题，这就是答案：

您需要编辑的文件在这里：

https://github.com/simchaleh/shivisihashem/blob/gh-pages/index.html

目前这两部分有错误：

<script type="text/javascript"
> src="/ShivisiHashem/static/js/main.7cdb5ccf.js"></script>
> 
> <link href="/ShivisiHashem/static/css/main.ff643f95.css"
> rel="stylesheet">

您应该能够通过将其替换为以下内容来解决问题：

<script type="text/javascript"
> src="/static/js/main.7cdb5ccf.js"></script>
> 
> <link href="/static/css/main.ff643f95.css" rel="stylesheet">

希望有帮助！如果您有任何其他问题，请告诉我们。

Answer 2

Simcha 的解决方案暂时对我有用。每次我部署到 Github 页面时，index.html 文件都会自动恢复为

"/theNameOfMyApp/static/...

。因此，我设法通过从 package.json 中的

"/theNameOfMyApp"

中删除

homepage: ...

部分来摆脱这个问题。所以在 package.json 中我有：

"homepage": "http://themitsoss.github.io"

。

Answer 3

也有同样的问题。我相信这个问题是当您使用 PUBLIC_URL 环境变量时引起的，如下所示：

%PUBLIC_URL%/main.css

它适用于 github.io 站点，但会导致自定义域中的路径问题，这会在路径前面添加变量，如 Simcha 的示例中所示。因此，每次构建 gh-pages 时，我们都需要手动删除 this 变量 (process.env.PUBLIC_URL) 的每个实例。

Answer 4

也有同样的问题。您只需从

 中删除 

repo-name

主页 - 应该是这样的。 "主页": "https://

your-github-username

.github.io",

在你的 package.json 文件中。