Question

我正在尝试将我的react应用程序部署到gh页上，但它只是显示为空白屏幕。我已经尝试了一切，但似乎没有任何效果。我观看了以下视频：https://www.youtube.com/watch?v=4NapRkCazks，除输入网址时出现空白页外，其他一切似乎运行正常。这是我的仓库：https://github.com/nupurd89/onlineshopping.git

我超级迷路，似乎什么也没用。感谢您的提前帮助！

Answer 1

确保安装了正确版本的gh-pages（npm install gh-pages --save-dev）。

此外，将以下属性添加到package.json文件。

"homepage": "http://{your_username}.github.io/{your_repo-name}"
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}

运行以下命令：

npm run deploy.

从GitHub存储库转到会议。在Github Pages下，在Source选项卡上，选择gh-pages-branch。希望有帮助。

Answer 2

在我的情况下，主要问题是我正在部署静态的create react应用程序[App-filter-review]系统，并且屏幕也显示空白屏幕。

＃修复1号错误

第一个问题是首页的url配置不正确，因为到处都提供了更正的网址

#Fix No 2

如果您在React应用中使用React-router> v4.0，则将include Basename acc定义为属性 Basename add this basename={process.env.PUBLIC_URL} in Browser Router

如果您还使用其他堆栈，那么本文确实会有所帮助。 https://maximorlov.com/deploying-to-github-pages-dont-forget-to-fix-your-links/

#Fix No 3

如果您要在Heroku或GH-pages上部署系统，请尝试更正区分大小写的问题，同时在配置时将它们定向到JS / CSS文件，因为这些系统使用的是区分大小写的Linux容器

此处是由修订2修复的“我的Github页面”链接 https://amancode27.github.io/App-Review-Filter/

将React App部署到gh页时为空白页

2 个答案: