Blank page after running build on create-react-app
Add
"homepage": ".",
in your package.json
then build again.
I solved the problem by setting
"homepage": "."
in package.json
according to this doc
If you're using react-router
and trying to open index.html
directly in the browser (or using electron, which essentially does that), in addition to setting homepage
as others have suggested, replace your BrowserRouter
with a HashRouter
.
I was trying to build an electron app using create-react-app. When running in development everything was fine, but when I built the CRA and then pointed the electron app to the index.html
file, I got the blank page.
I found that that was exactly the same as opening the index.html
file directly in the browser. Everyone says "set homepage
in package.json
", but I already had that. So what now!?
I eventually figured out that the problem was react-router
. I was using a BrowserRouter
. Switching to a HashRouter
solved the problem for me.