部署React應用程式到GitHub Pages時所遇到的挑戰

Question

PS C:UsersPanchOneDriveDesktopYourself2> npm run deploy
npm ERR! 缺少腳本: "deploy"
npm ERR!
npm ERR! 若要查看腳本列表，請執行:
npm ERR! npm run

npm ERR! 可在此執行的完整日誌位於: C:UsersPanchAppDataLocalnpm-cache_logs2023-08-15T16_47_39_705Z-debug-0.log
PS C:UsersPanchOneDriveDesktopYourself2>

所有可能的方式

Answer 1

看起來你沒有在package.json中定義任務（自己檢查一下）。由於你正在使用React，請確保已安裝gh-pages npm套件

npm install gh-pages --save-dev

此外，你還需要在package.json檔案的scripts物件下定義任務：

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

例如，我的一個github頁面React應用程式有以下內容：

"scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
},

依照指示取得更詳細的答案：https://github.com/gitname/react-gh-pages