部署 React 项目后的空白页面答案

【问题标题】：Blank page after deploying React project部署 React 项目后的空白页面
【发布时间】：2020-06-03 18:28:51
【问题描述】：

首先将以下内容添加到 package.json：

"homepage": "."

和

`"predeploy": "npm run build",

"deploy": "gh-pages -d build"`

在"scripts" 部分。

那么， "start_url": "." 在清单文件中。

接下来，

npm install gh-pages --save-dev

然后我将代码推送到我的Github，然后再将其部署到使用npm run deploy

在 Github 存储库中，“gh pages 分支”。被选中

但是，只有一个空白页。我怀疑主页不正确，因为index.html 在“...\react-todo-list\src\index.js”中。

【问题讨论】：

【解决方案1】：

我遵循了这个非常具有描述性的tutorial

1) 原来我需要将"homepage": "." 更改为 "homepage": "https://dmorrisonasc.github.io/ReactJS-TodoList/".

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

3) 重新部署

【讨论】：