如何在没有任何本地服务器的情况下通过单击 index.html 文件来运行 React 应用程序

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

Answer 1

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

Answer 2

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.