git - gh-pages d-构建 : failed at deploy script

Question

我正在尝试将 React 应用程序部署到 github。 我几乎完全按照一些简单的教程进行操作，但总是卡在这个屏幕上。 发现一些旧线程建议删除并重新添加远程源，但这似乎没有帮助。

CMD Screenshot

Answer 1

最近遇到了类似的挑战，但没有多少答案能解决这个问题。 大多数博客都会通过 create-react-app 向您展示如何进行操作。概念，但除此之外，你就更不用依靠自己了。

这是一个快速的:

1. 首先，请确保您了解正在运行的命令。 不用说，我一开始也犯了错误，所以...... gh-pages -d build字面意思是你想“发布你的页面” 基于文件夹“build/”。这就是 -d或--dir means. read more here [install and use gh-pages-cli][1]. So start by either making sure you have the folder "build/" or better point it to where the files you want to bundle are located in your project.<br/> [Have a look at scripts in my package.json file][2] (incase you are curious, the -b`` 表示您要从中“发布”的分支。

2. 如果上述方法不能解决您的问题，就像我一样，因为命令 published successfully但我仍然不断收到 404 Error当我尝试访问 https://<my-username>/github.io/<my-repository>/ 上的页面时.

   所以这是我使用的替代方案:

   • 创建一个新分支 gh-pages从具有 您要发布的项目版本。
   • 运行git push origin gh-pages将该分支推送到托管在 github 上的远程存储库。
   • 请注意，github 配置为发布您在此分支中拥有的任何项目代码 - gh-pages 。单击 settings 确认这一点选项卡在您的存储库中，如果向下导航，您将 see something like this在“Github 页面”标题下。
   • 需要记住的一些关键事项:一，您的 index.html (主模板)必须直接位于项目根文件夹中(而不是在子文件夹下)。我的项目根文件夹是 /fast-React/所以我把我的索引页放在 /fast-React/index.html 。其次，提交您的捆绑/构建文件。在大多数项目中，捆绑/构建文件被添加到 .gitignore所以你最好提交它们，至少在这个gh-pages内分支。 Here is why - 它们需要由您的 <script> 获取标签，很可能。

将此测试项目视为 published here 。祝你好运。