javascript - 无需服务器即可运行 React 应用程序

Question

在问我的问题之前，我想告诉你，我对 React 还很陌生，到目前为止，我已经学习了 react 的非常基本的概念，如组件、状态、 Prop 、路由器等。可能这个问题很有趣，但我需要解决方案。如果有错误的地方请指正。

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

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

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

现在我想这样做是因为我想使用 React js 创建 Samsung Tizen TV Web 应用程序，但我不认为我可以使用 npm 服务器等。

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

Answer 1

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

"homepage": "./",

构建时 react 终端输出的引用:

The project was built assuming it is hosted at the server root. To override this, specify the homepage in your package.json. For example, add this to build it for GitHub Pages:

"homepage" : "http://myname.github.io/myapp",

注意:我很确定这不适用于每个项目。