Question

我坚持部署我的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的浏览器路由器部分...在此先感谢您的帮助！

Answer 1

您为React程序删除了很多必要的文件。我建议您创建一个新的React App并复制并粘贴一些代码（请谨慎操作，因为您不想复制错误）。

在观看https://korlibs.soywiz.com/korge/targets/desktop/之前，我遇到了类似的问题。

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

2）并在index.js文件中更改路由组件的导入（将BrowserRouter作为路由器，改为HashRouter作为路由器）。

3）然后重新部署

GH Pages部署空白页反应

1 个答案: