How to run React application by clicking index.html file without any local server

Viewed 2163

I have created react application using create-react-app when I start "npm start" it is running using localhost:3000 in browser which is fine. But, when I click index.html from project folder it is showing blank page. Can you suggest me solutions on how to run react application using index.html file

2 Answers

Add "homepage": ".", to the top of your package.json file. Then build with yarn build or npm build. Go to build/ folder and double click on index.html. enter image description here enter image description here

EDIT:

Opening the app via index.html needs "homepage": "." in package.json because without it Webpack tries to load the static files from the root the file system rather than build directory. Reference

You can run npm run build, then go to the “build” folder where a working index.html will be located. The index.html in the project folder isn’t built for production/standalone use.

Related