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

所以我是新的react.js和一直遵循由Facebook创build的教程。 ( https://facebook.github.io/react/docs/tutorial.html ;这一个)。

现在我完成了教程,我想扩大一点。 不过,我注意到在教程中,在index.html中,它使用在线位置来加载反应和其他模块。 一个例子是这样的:

如何将src从在线更改为本地? 我已经通过npm下载了反应。 所有文件都在一个名为react2的文件夹中。 index.html在react2 / public中,server.js在react2根文件夹中; 而反应在react2 / node_modules / react / react.js。 我试图把src改成“../node_modules/react/react.js”和“/ home /…/ react2 / …”,并试图在前面添加file:///工作。

顺便说一句,这是我在stackoverflow的第一个问题,我不是很熟悉的规则。 如果我在发帖中做错了,请告诉我。

非常感谢!

如果要通过脚本标记的src属性导入HTML文件,请直接从这里下载react-15.2.0.min.js和react-dom-15.2.0.min.js并保存他们到一个lib文件夹,或任何你想要的。

如果您从npm下载React,则必须像导入任何其他npm包一样导入反应,并生成一个捆绑包,您可以使用浏览器或webpack之类的捆绑程序将其导入到您的html文件中。 你可以使用react和react-dom包。 使用npm install –save react react-dom安装后,可以使用:

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

用这种方式很难察觉到什么问题。 我几乎可以肯定的是与错误的path调用React有关。

您可以在您的首选浏览器中打开您的开发者工具,以查看您的应用程序调用React的来源。 打开后,进入console选项卡,在那里你可以检查每个丢失的文件。

另外,确保你在服务器上运行React。 对于您将使用的大多数操作,这是必需的。 如果React被正确调用,但不工作,也许可能是问题。