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

Question

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

Answer 1

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

编辑：

通过 index.html 打开应用程序需要"homepage": "."in，package.json因为如果没有它，Webpack 会尝试从文件系统的根目录而不是构建目录加载静态文件。参考

Answer 2

你可以运行npm run build，然后转到工作index.html 所在的\xe2\x80\x9cbuild\xe2\x80\x9d 文件夹。项目文件夹中的index.html 是为生产/独立使用而构建的\xe2\x80\x99t。

\n