Challenges when deploying React applications to GitHub Pages

Question

PS C:UsersPanchOneDriveDesktopYourself2> npm run deploy
npm ERR! Missing script: "deploy"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run

npm ERR! The full log that can be run here is at: C:UsersPanchAppDataLocalnpm-cache_logs2023-08-15T16_47_39_705Z-debug-0.log
PS C:UsersPanchOneDriveDesktopYourself2>

All possible ways

Answer 1

Looks like you didn't define the task in package.json (check it yourself). Since you are using React, make sure you have installed the gh-pages npm package

npm install gh-pages --save-dev

In addition, you also need to define tasks under the scripts object in the package.json file:

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

For example, one of my github pages React applications has the following content:

"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"
},

Follow the instructions for a more detailed answer: https://github.com/gitname/react-gh-pages