react.js：如何加载本地 react.js 而不是使用在线的答案

【问题标题】：react.js: how to load local react.js instead of using online onesreact.js：如何加载本地 react.js 而不是使用在线的
【发布时间】：2016-11-04 08:17:32
【问题描述】：

所以我是 react.js 的新手，并且一直在关注 facebook 创建的教程。（https://facebook.github.io/react/docs/tutorial.html；这个）。

现在我完成了本教程，我想在此基础上进行一些扩展。但是，我注意到在教程中的 index.html 中，它使用在线位置来加载反应和其他模块。一个例子是这样的：

如何将src从在线更改为本地？我已经通过 npm 下载了 react。所有文件都在一个名为 react2 的文件夹中。 index.html 在 react2/public 中，server.js 在 react2 根目录下；而 react 在 react2/node_modules/react/react.js 中。我尝试将 src 更改为“../node_modules/react/react.js”和“/home/.../react2/...”，并尝试在前面添加 file:///，但没有工作。

顺便说一句，这是我关于 stackoverflow 的第一个问题，我对规则并不十分熟悉。如果我在发布时做错了什么，请告诉我。

非常感谢！

【问题讨论】：

你必须把 react 放到公用文件夹中，你用的是哪个服务器？
您应该使用browserify 或webpack 将所有JS 捆绑到一个文件中。它将简化您的开发并使您的网站加载速度更快。

标签： javascript html node.js reactjs

【解决方案1】：

如果你想通过 script 标签的 src 属性在 html 文件中导入 react，你应该直接从这里下载文件 react-15.2.0.min.js 和 react-dom-15.2.0.min.js 并将它们保存到 lib 文件夹中，或者任何你想要的地方。

如果你从 npm 下载 React，你必须像任何其他 npm 包一样导入 react 并生成一个包，你可以使用 browserify 或 webpack 等捆绑器将其导入到你的 html 文件中。您可以使用 react 和 react-dom 包。使用 npm install --save react react-dom 安装后，可以使用：

var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(<App />, ...);

【讨论】：

不适合我（

【解决方案2】：

这样说话很难发现问题所在。我几乎可以肯定这与在错误的路径中调用 React 有关。

您可以在首选浏览器中打开您的开发者工具，以检查您的应用调用 React 的源代码。打开后，转到console 选项卡，您可以在那里检查每个丢失的文件。

另外，请确保您在服务器上运行 React。这是您将使用的大多数操作所必需的。如果 React 被正确调用，但无法正常工作，则可能是问题所在。

【讨论】：