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

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.
[Have a look at scripts in my package.json file][2] (incase you are curious, the -b``的意思，是您要从其“发布”的分支。）

2. 如果上述方法仍不能解决您的问题，就像对我一样，因为命令published successfully但是当我尝试访问{{1}上的页面时，我仍然不断得到404 Error }。

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

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

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