無法在 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/ 。 可能這會有所幫助。