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

Question

当我启动“npm start”时，我使用 create-react-app 创建了反应应用程序，它在浏览器中使用 localhost:3000 运行，这很好。 但是，当我从项目文件夹中单击 index.html 时，它显示空白页。 你能给我建议如何使用 index.html 文件运行反应应用程序的解决方案吗

Answer 1

将"homepage": ".",添加到package.json文件的顶部。 然后用yarn build或npm build 。 Go build/文件夹并双击index.html 。

编辑：

通过index.html打开应用需要"homepage": "." in package.json because without it Webpack tries to load the static files from the root the file system rather than build directory. 参考

Answer 2

您可以运行npm run build ，然后运行 go 到“build”文件夹，工作 index.html 将位于该文件夹。 项目文件夹中的 index.html 不是为生产/独立使用而构建的。