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

时间:2017-06-11 13:28:33

标签: reactjs github-pages

我对编码很新,需要一些帮助。  我做了一个反应项目(使用create-react-app),网站已经在我的gh-pages分支上运行

(继续我的回购:https://github.com/simchaleh/shivisihashem.git

我一直试图在自定义域上托管gh-pages项目。 我的反应项目在gh-pages上托管时看起来很棒,但是当我尝试将它连接到我的自定义域时,我得到的只是一个纯白色屏幕。

下面是自定义域中我的dns设置的屏幕图片。 (你也可以看到gh-pages表示它在我的域名托管): dns settings and gh-pages/settings page

我在gh-pages分支中有一个CNAME文件,有一行,我放在: shivisihashem.com

有没有人有任何想法为什么我只是在我的自定义域上获得一个空白的白色屏幕?

谢谢!

3 个答案:

答案 0 :(得分:2)

我刚从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">
  

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

答案 1 :(得分:0)

有同样的问题。我相信当您使用PUBLIC_URL环境变量时会导致此问题,如下所示:

%PUBLIC_URL%/main.css

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

答案 2 :(得分:0)

Simcha的解决方案暂时为我工作。每次我部署到Github页面时,index.html文件都会自动恢复为"/theNameOfMyApp/static/...。因此,通过从package.json中的"/theNameOfMyApp"中删除了homepage: ...部分,我设法摆脱了这个问题。所以在package.json中,我有:"homepage": "http://themitsoss.github.io"