部署React应用后，Github页面仍显示自述文件

Question

我有一个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的默认内容。我可能需要更改部署目录吗？

Answer 1

在存储库的“选项”页面中，我必须选择gh-pages分支而不是master分支：

（尽管我不确定这是否很重要，但我也将gh-pages作为普通的依赖项而不是开发的依赖项进行了重新安装（即，npm install gh-pages --save而不是npm install gh-pages --save-dev）。

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

Answer 2

我遇到了同样的问题-当我将React应用程序部署到GitHub页面时，它显示了README。

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

Answer 3

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

Answer 4

即使选择了gh-pages分支，我也遇到了同样的错误，但是后来我再次将其更改为master分支，并且可以正常工作！！

Answer 5

根据我的经验，这只是一个延迟问题。几分钟后，我就能看到正确的页面。