无法在 Github 页面上部署 React 应用程序

Question

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

我已正确按照facebook给出的每一步说明在 github 页面上部署 react 应用程序。

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

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

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

• 将“主页”添加到 package.json

• 已安装的 gh-pages

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

• 使用“npm run deploy”部署

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

可能的问题：

根据文档中的第 4 步，我需要在 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"相同的脚本"deploy": "gh-pages -d build"

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

Answer 3

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