部署React项目后的空白页

时间:2020-06-03 18:28:51

标签: reactjs github npm web-deployment

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

"homepage": "."

`"predeploy": "npm run build",

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

"scripts"部分中。

然后, 清单文件中的"start_url": "."

下一步

npm install gh-pages --save-dev

然后,在将代码部署到使用npm run deploy之前,将代码推送到我的Github

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

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

1 个答案:

答案 0 :(得分:0)

我遵循了这个非常具有描述性的under certain circumstances

1)原来我需要将ranges::begin(r) == ranges::end(r)更改为 "homepage": "."

2)然后将index.js文件中的路由组件的导入(从"homepage": "https://dmorrisonasc.github.io/ReactJS-TodoList/"更改为BrowserRouter as Router)。

3)重新部署