Question

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

我已正确遵循by facebook给出的说明的每一步，以对github页面上的应用程序进行欺骗。

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

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

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

可能的问题：

根据步骤4 in docs，我需要在Github设置中选择gh-pages分支。但我在下拉菜单中看不到该分支。

Answer 1

您只需要在build文件夹内部署内容即可显示内容。 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/。也许这会有所帮助。