GH Pages 部署空白页面 React答案

【问题标题】：GH Pages Deploy Blank Page ReactGH Pages 部署空白页面 React
【发布时间】：2020-06-04 06:16:57
【问题描述】：

我一直在部署我的 react 应用程序。它似乎没有产生任何错误，但页面是空白的。该应用程序在本地主机中呈现。

这里是存储库：https://taylorepskamp.github.io/portfolio/

这是我的 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();

我查看了控制台是否有任何错误或页面空白的原因，我尝试部署一个非常简单的应用程序版本，我已经使用新存储库重复了初始化/部署步骤，我'已删除 index.js 的浏览器路由器部分...提前感谢您的帮助！

【问题讨论】：

“它似乎没有产生任何错误” - Uncaught TypeError: Super expression must either be null or a function
好的，谢谢，我去看看这个！

标签： reactjs github-pages

【解决方案1】：

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

在看到tutorial 之前，我遇到了类似的问题。

1) 更改您的"homepage": "https://taylorepskamp.github.io/{Name of your project}/"。

2) 并在 index.js 文件中将路由组件的导入（BrowserRouter as Router 改为 HashRouter as Router）。

3) 然后重新部署

【讨论】：