GH页面部署空白页React

Question

我在部署我的react应用时卡住了。它似乎没有产生任何错误，但页面是空白的。该应用程序在本地主机上渲染。

这里是版本库。https:/taylorepskamp.github.ioportfolio。

这是我的package.json文件的顶部。

  "name": "portfolio",
  "version": "0.1.0",
  "private": true,
  "homepage": "https://taylorepskamp.github.io/portfolio/",

这是我的index.js文件

class Root extends Component{
    render(){
        return(
                    <DesignerPortfolio/>
        )
    }
}

ReactDOM.render(<Root/>, document.getElementById('root'));
serviceWorker.register();

我已经查看了控制台是否有任何错误或为什么页面是空白的原因，我已经尝试部署了一个非常简单的应用程序版本，我已经用一个新的仓库重复了初始化deploy步骤，我已经删除了index.js中的浏览器路由器部分......先谢谢你的帮助!

Answer 1

你删除了很多React程序的必要文件。我建议你创建一个新的React App，然后复制并粘贴一些代码（要小心，因为你不想复制错误）。

我也有类似的问题，直到我看到这个 教程.

1) 改变你的 "homepage": "https://taylorepskamp.github.io/{Name of your project}/".

2)并将index.js文件中的路由组件(BrowserRouter作为Router导入到HashRouter作为Router)的导入修改。

3) 然后重新部署