部署 React 应用程序后,Github 页面仍然显示 README

IT技术 reactjs deployment github-pages
2021-04-24 12:40:09

我有一个create-react-app项目(https://github.com/khpeek/beomaps/tree/master),我想使用gh-pages将其部署到 Github页面按照本教程https://medium.com/@serverlessguru/deploy-reactjs-app-with-s3-static-hosting-f640cb49d7e6,我已将以下内容添加到我的package.json

在此处输入图片说明

但是,如果我运行npm run deploy,它会被发布,

在此处输入图片说明

但是 Github 页面https://khpeek.github.io/beomaps/仍然显示基于README.md. 我可能需要更改部署目录吗?

4个回答

在存储库的选项页面中,我必须选择gh-pages分支而不是master分支:

在此处输入图片说明

(我也重新安装gh-pages为正常依赖项,而不是开发依赖项(即npm install gh-pages --save代替npm install gh-pages --save-dev),尽管我不确定这是否重要)。

现在该页面在 Github 页面上可见:

在此处输入图片说明

即使在选择 gh-pages 分支后我也遇到了同样的错误,但后来我再次将其更改为 master 分支并且它起作用了!!!

在此处输入图片说明

我认为这与 github 不知道它应该使用哪个分支有关(master vs main 或 idk)。如下更改我的部署脚本为我解决了这个问题:
"deploy": "gh-pages -b main -d build"
这告诉 github 页面它应该使用分支 main。

我遇到了同样的问题 - 当我将 React 应用程序部署到 GitHub 页面时,它显示了自述文件。

然后我将我在本地创建的构建目录推送到我的远程存储库。当我这样做时,我的 React 应用程序与 GitHub 页面一起工作。