在没有服务器的情况下运行 React 应用程序

Question

在问我的问题之前，我想告诉你，我对 React 很陌生，直到现在我已经学习了非常基本的 React 概念，比如组件、状态、道具、路由器等，可能这个问题很有趣，但我需要解决方案。如果我在某个地方错了，请纠正我。

所以我的问题是，我们可以在不在服务器上运行应用程序的情况下运行基于 React 的应用程序吗？基本上，我想要的是，我可以直接在网络浏览器上使用 index.html 文件路径，然后我的应用程序开始工作。

我的理解是 React js 是一个 javascript 库，所有代码最终都使用 babel 加载器（如果我们使用 ES6）转换为纯 javascript 文件。所以我认为应该可以做到这一点。

我发现我可以使用 webpack ，它在内部首先将我的基于 React 的文件或其他 js 文件转换为普通的 javascript，并制作一个可在 Index.html 文件中使用以供进一步使用的单个捆绑文件。我已经尝试过了，但只有一些功能可以正常工作，比如 state、prop，但许多其他功能不能像 react-router 那样工作，但是当我使用 npm server 时，所有功能都开始正常工作。

现在我为什么要这样做是因为我想使用 react js 创建 Samsung Tizen TV web 应用程序，我认为我不能使用 npm 服务器和所有这些应用程序。

如果有人对此有任何解决方案，那将非常有帮助。谢谢

原文由 Vikas Verma 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我在构建之前向 package.json 添加了以下内容：

 "homepage": "./",

构建时反应终端输出的引用：

该项目是在假设它托管在服务器根目录下的情况下构建的。要覆盖它，请在 package.json 中指定主页。例如，添加此内容以针对 GitHub Pages 构建它：

“主页”：“ http://myname.github.io/myapp ”，

注意：我很确定这不会在每个项目中都有效。

原文由 Jannik S. 发布，翻译遵循 CC BY-SA 3.0 许可协议