Netlify site publishing but blank screen

Question

I have created a site using CRA, If I run build it all works fine on Github-pages, but when I attempt to run the site through my Netlify account it shows up a blank page. It's connecting to the site as the html is showing with my React page. but there is no content. The Repo in Github has a client folder in which is my build folder. I have tried everything to get this working, am I missing something simple?

This is my Package.json file:

My Netlify settings point to the correct directory:

There is also a 404 error showing when the page loads:

Chervil

Answer 1

I changed the homepage of my package.json file to "." and then on netlify changed the settings to not see npm warnings as errors which I think was blocking the site compiling. This was done by adding CI=false on the build command on netlify.

Everything is now working

Chervil

Furthermore about the CI variable, I followed this link – Pectize

Answer 2

setting homepage to : "" in my package.json fixed the issue i also set private to "false"

Suck

Answer 3

I had the same issue right now and I fixed it by by changing the production in package.json to

"production": [
      "chrome >= 67",
      "edge >= 79",
      "firefox >= 68",
      "opera >= 54",
      "safari >= 14" 
 ]

Boland

Answer 4

I had a similar problem but had a strange solution. My site was live with some errors which I completely ignored and created its build file and uploaded it on Netlify. So, what I was seeing was that it was live on localhost but had a blank page on Netlify. I spent hours resolving the issue, but none seemed to work. The next day, when I started the server to again look into the issue, I found that I had a blank page on localhost too. Later I realised that previously it was working because of continuous changes that I later added which had errors, but when freshly started again, it was not working.

So, all in all, before creating a build and pushing it on Netlify, always terminate and open the server again to make sure there is no problem with the code logic that you have created.

This seemed to work for me, so just sharing it in case it helps you.

Barrel

Answer 5

When you're deploying a React app (created with npx create-react-app <name>) on Netlify, it is not necessary to change any command, directory, .... Just leave it, and deploy.

Geochronology