CODEWITHSUNDEEP
reactjsreduxgithub-pages
Abid
Abid

Reputation: 11

Why deployed react app on gh-pages is showing blank page on different browsers while showing correctly on my browser?

I have followed github pages deployment instructions and it's deployed correctly. But when I open the homepage link on another browser it's showing blank page.

my package.json file provided below

App link https://abid413119.github.io/React-Redux-Todo-App/

{
  "name": "todo-app",
  "version": "0.1.0",
  "homepage": "https://abid413119.github.io/React-Redux-Todo-App",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.3.2",
    "@material-ui/icons": "^4.2.1",
    "gh-pages": "^2.1.1",
    "material-ui": "^0.20.2",
    "react": "^16.9.0",
    "react-dom": "^16.9.0",
    "react-lottie": "^1.2.3",
    "react-redux": "^7.1.0",
    "react-scripts": "3.1.1",
    "redux": "^4.0.4",
    "redux-thunk": "^2.3.0",
    "uuid": "^3.3.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

Upvotes: 1

Views: 419

Answers (1)

Musadiq Khan
Musadiq Khan

Reputation: 153

It is set to PRIVATE. Make it PUBLIC! Go to SETTINGS. At the bottom of the page there section Danger Zone. From there make it PUBLIC! And deploy your app all again!

Upvotes: -1

Related Questions