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

Question

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

programandoconro · Accepted Answer · 2022-05-18 23:55:09Z

8

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.

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

edited May 18, 2022 at 23:55

answered Mar 6, 2021 at 5:36

programandoconro

2,7792 gold badges24 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Deep Kakkar Over a year ago

can you please share the details about "homepage": ".",

programandoconro Over a year ago

@DeepKakkar I added an explanation in the answer. Thank you for your comment.

August Kimo · Accepted Answer · 2021-03-06 05:30:33Z

0

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.

answered Mar 6, 2021 at 5:30

August Kimo

1,77117 silver badges22 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related