git - gh-pages d- build：部署脚本失败

Question

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

CMD 截图

标签： gitreactjsnpmgithub-pages

Answer 1

最近遇到了类似的挑战，但没有多少答案能确定它。大多数博客都会向您展示如何从一个create-react-app概念开始，但除此之外，您更多的是靠自己。

这是一个快速的：

1. 首先，确保您了解正在运行的命令。不用说，我一开始也出错了，所以…… gh-pages -d build字面意思是你想基于文件夹“build/”来“发布你的页面”。这就是-dor --dir -b`` 表示您要从中“发布”的分支）。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.
[Have a look at scripts in my package.json file][2] (incase you are curious, the

2. 如果上述方法不能解决您的问题，就像对我一样，因为命令已成功发布，404 Error但当我尝试访问https://<my-username>/github.io/<my-repository>/.

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

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

请参阅此处发布的此测试项目。祝你好运。