尝试将 React 应用程序部署到 GitHub 页面，但它重定向到 README 文件

Question

所以我用谷歌搜索了这个，并尝试了我能想到的/找到的建议，但真的没有任何运气，所以我想我可能需要寻求一些帮助。

我正在尝试按照教程使用 gh-pages 包将 React 应用程序部署到 GitHub 页面。为了尝试做到这一点，我采取了以下步骤：

• 安装了

  gh-pages

  软件包。
• 以

  https://<username>.github.io/<repo-name>

  格式向 package.json 添加了主页。
• 向 package.json 添加了预部署和部署脚本 (

  "predeploy": "npm run build"," deploy": "gh-pages -d build",

  )。
• 运行部署脚本，在出现提示时输入我的 SSH 密钥，创建一个

  gh-pages

  分支
• 在 GitHub 设置中将该

  gh-pages

  分支设置为已部署环境的源

我没有得到我构建的应用程序 - 我只是从存储库中获取自述文件。我现在已经阅读了六本教程，以及这里的一些帖子，但发现它们似乎只是重复相同的步骤，而且我确信我已经严格遵循了每一步。

我尝试过但似乎没有帮助的一些事情（它们是猜测）：

• 我使用的是预构建的

  .gitignore

  ，它忽略了

  /build

  目录。我从

  .gitignore

  中删除了它 - 首先仅在

  gh-pages

  分支上，然后在整个分支上 - 并两次重复上述所有步骤。
• 我尝试使用

  gh-pages

  和

  npm install gh-pages --save-dev

  安装

  npm install gh-pages --save

  软件包（我最初只是完成了

  npm install gh-pages

  ）。
• 我将

  -b gh-pages

  添加到部署脚本中并从主分支运行此脚本。
• 我将启动脚本从

  react-scripts start

  更改为

  npm install && react-scripts start

  ；我认为这没有帮助，但不确定它是否与将

  /node_modules

  放入

  .gitignore

  中有关。

这些都没有帮助！仍然刚刚收到自述文件。我不知道其他人是否会明显看出我做错了什么 - 我希望如此！我想说我对构建脚本不是很熟悉/没有真正了解，而且我之前没有将 Node 应用程序部署到 GitHub。如果有人确实发现了问题，我也想知道发生了什么，而不仅仅是获取可以解决问题的代码！

预先感谢您的帮助！

Answer 1

当分叉到我自己的帐户并运行新部署时，我能够看到已部署的 React 应用程序（请参阅https://andrewusher.github.io/Hit-the-Bucket/）。我看到你的

gh-pages

分支与你的

main

几乎相同，并且也有自述文件，这就是你在 GH 页面上看到它的原因。我建议删除 Github（和本地）上的

gh-pages

需求，然后再次运行

npm run deploy

。