Github 頁面和 React 應用程序無論使用何種方法都無法正常工作

Question

一周以來，我一直在嘗試將我的 React App 項目添加到 Github Pages。 在所有的准備工作和所有需要完成的工作之后，我終於讓它出現了，好吧。 它實際上沒有顯示任何內容，也沒有給我錯誤。 這讓我相信我的劇本

<script src="../dist/bundle.js"></script>

是罪魁禍首。 但是，問題是我從未使用過 bundle.js。 我想學習如何在不使用 create-react-app 的情況下使用 React，這樣做我似乎已經在游戲中走得很遠，我什至不確定這應該如何工作。

這是當前形式的 Github 頁面

https://kevin6767.github.io/redux-api-opendota2/

編輯：它現在似乎顯示 404。我什至不確定為什么此時這不起作用。 我嘗試了許多不同的方法。

Answer 1

我不確定你是如何將 React 應用程序上傳到 GitHub 頁面的，但是，在這里，我將提到正確的方法：

步驟 01 ：通過終端安裝 gh-pages，確保您位於正確的文件目錄中。

$ npm install gh-pages --save -dev （我們將其保存為開發依賴項）

步驟 02 ：Go 到您的package.json並添加

"homepage": "{your_GitHub_username}.github.io/{repo_name}," ，位於"name"上方

步驟 03 ：在package.json的"scripts"部分中，添加

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

步驟 04 ：假設您已經提交並將代碼推送到 Git 存儲庫，現在，在終端中，使用命令npm run deploy以查看 ZD3B7C913CD04EBFEC0E9EC32CB6FD58 中的更改。

另外，請確保在您的源代碼中，您為homepage設置了與package.json中相同的路由。