Multiple Issues with Deploying React to GitHub Pages

Good Morning, I’ve been attempting to deploy several React Apps to gh pages recently. They all work fine on the local host. I go through the standard deploy procedures and check my site only to find it blank the first time. It had the following errors logged to the console.

The second time the link loaded the readme, which is really unusual because there is no readme in the build directory.

Here is my package.json code

{
  "homepage": "https://wrnoble.github.io/gif-search-test",
  "name": "gif-search-test",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "axios": "^0.19.2",
    "gh-pages": "^3.1.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-router": "^5.2.0",
    "react-scripts": "3.4.1"
  },
  "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"
  },

Any help would be greatly appreciated, I’ve stuck on this for a couple of days now.

Issue has been resolved!

1 Like

Can you also share how you solved this issues?