无法将我的 React 应用程序正确部署到 GitHub

Question

无法在 GitHub 页面上正确部署我的 react 应用程序。我使用 create-react-app 创建了它。

我已正确按照by facebook 给出的说明的每个步骤在 GitHub 页面上部署 React 应用程序。

最后，我运行了“yarn run deploy”，部署似乎工作正常，没有任何错误，我看到这条成功消息说部署在 65.73 秒内成功完成：

但是，当我在 https://aksheyjawa.github.io/YSearch/ 检查我的应用程序时，它并没有显示我的应用程序。它显示了由 react 创建的文档。我期待看到我的应用程序。

我已经完成了部署所需的步骤：

• 在 package.json 中添加了“主页”

• 已安装的 gh 页面

• 添加部署到 package.json 中的脚本

• 使用“npm run deploy”部署

您可以在这里查看代码：https://github.com/aksheyjawa/YSearch

可能的问题：

根据步骤4in docs，我需要在GitHub设置中选择gh-pages分支。但我在下拉列表中看不到那个分支。

Answer 1

您只需部署构建文件夹内的内容即可显示某些内容。 Github 页面仅适用于静态 HTML！

Answer 2

所以，问题是 gh-pages 分支没有被创建。这应该是自动创建的。

在您的package.json 中，我没有看到以下内容

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

即使添加了这些，如果 yarn predeploy 和 yarn deploy 不起作用，请尝试运行以下命令。

./node_modules/gh-pages/bin/gh-pages -d build

此命令使用来自node_modules 目录的二进制文件来运行与"deploy": "gh-pages -d build" 相同的脚本

理想情况下，这应该创建gh-pages 分支。如果是这样，你就准备好了。你只需要推送这个分支并从 GitHub 界面设置它。

Answer 3

就我而言，我提供了指向我的存储库的链接，而不是指向实际页面的链接，这是错误的。我写了https://github.com/user-name/project-name 而不是https://user-name.github.io/project-name/。可能这会有所帮助。