Blank page on create-react-app when deploy to netlify

Question

I'm trying to deploy create-react-app(which is currently on github) to netlify. after it deployed it shows a blank page.

Netlify configurations i have added: build command: yarn build, Publish directory: build

and this is my scripts on package.json

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

Does this help? Blank page after running build on create-react-app — hotpink
@hotpink yes i have tried with fresh create-react-app and it works fine. i think my folder structure is the matter here. — nipunravisara
does your production build work locally? You can use the serve package and run npm build && serve -s build — hotpink
The problem was the file structure. it gives an black page when i build and serve it on locally. that's mean the deploying flow did't went wrong. then i format the structure again and build and serve it locally then it's fine with my new file structure. Thanks for your help. appreciate that ✨️ — nipunravisara
Can you provide more details on what was wrong with the file structure. so that others can benefit — mvinayakam

Ali Rehman Ali Rehman · Accepted Answer · 2020-06-23T00:32:06

I was getting blank page only on mobile devices after deploying on Netlify. It worked after I removed REDUX DEVTOOLS EXTENSION from Redux store.

Blank page on create-react-app when deploy to netlify

1 Answers