我是编码新手,需要一些帮助。 我做了一个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
有人知道为什么我的自定义域上出现空白屏幕吗?
谢谢!
我刚刚得到 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">
希望有帮助!如果您有任何其他问题,请告诉我们。
Simcha 的解决方案暂时对我有用。每次我部署到 Github 页面时,index.html 文件都会自动恢复为
"/theNameOfMyApp/static/...
。因此,我设法通过从 package.json 中的 "/theNameOfMyApp"
中删除 homepage: ...
部分来摆脱这个问题。所以在 package.json 中我有:"homepage": "http://themitsoss.github.io"
。
也有同样的问题。我相信这个问题是当您使用 PUBLIC_URL 环境变量时引起的,如下所示:
%PUBLIC_URL%/main.css
它适用于 github.io 站点,但会导致自定义域中的路径问题,这会在路径前面添加变量,如 Simcha 的示例中所示。因此,每次构建 gh-pages 时,我们都需要手动删除 this 变量 (process.env.PUBLIC_URL) 的每个实例。
也有同样的问题。您只需从
中删除
repo-name
主页 - 应该是这样的。 "主页": "https://
.github.io",your-github-username
在你的 package.json 文件中。