将 reactjs 应用程序部署到 github 页面后得到一个空白页面答案

【问题标题】：Getting a blank page after after deploying reactjs app to github pages将 reactjs 应用程序部署到 github 页面后得到一个空白页面
【发布时间】：2021-08-08 22:41:11
【问题描述】：

您好，我正在尝试将我的 reactjs 应用程序部署到 GitHub 页面，但我一直收到一个空白页面这是我遵循的步骤

将项目推送到清空仓库：https://github.com/DroidBarber/dolla
安装 gh-pages：npm install gh-pages --save-dev
修改 package.json ：

{
"homepage": "https://DroidBarber.github.io/dolla/",
},
scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
},

正在部署npm run deploy

但我得到一个空白页应用程序在本地主机上运行良好...

帮助...

【问题讨论】：

标签： reactjs github

【解决方案1】：

您正在将应用程序部署到另一个路径：/dolla/。因此，当您部署的 react 应用程序在 https://DroidBarber.github.io/dolla/ 上运行时，它会尝试从 /dolla/ 获取资源，这在您的路由中未定义。

当您在本地 http://localhost:3000/dolla 上运行时会类似

尝试在webpack中将你的主页改成：“homepage”：“https://DroidBarber.github.io/”。

【讨论】：

是的，你说得对，我也注意到了，非常感谢
Np 伴侣。我很高兴它有帮助

【解决方案2】：

GitHub Pages 不支持 pushState 历史 API（react-router-dom 的 BrowserRouter 在后台使用）。您需要改用HashRouter。你可以阅读更多关于它here

【讨论】：