为什么react.js不认识自己的node.js模块?

我正在尝试为react.js做一个hello world,然而react.js在第3行失败。 该错误是一个参考错误:

 ReferenceError: Can't find variable: module react.js:3 

我认为这是一个节点模块,节点恰好是我所服务的html 。 不完全确定为什么这是…有人打赌下赌注或线索我? 代码非常简单:

main.js

 // main.js var React = require('react'); var ReactDOM = require('react-dom'); ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example'); ); 

的index.html

 <!DOCTYPE html> <html> <head> <title>Hello React!</title> <script src="node_modules/react/react.js"></script> <script src="node_modules/react-dom/dist/react-dom.js"></script> <script src="main.js"></script> </head> <body> <div id="example"></div> </body> </html> 

节点模块不能直接包含在html文件中。 他们只能通过JavaScript文件使用。 节点模块提供一个提供CSS和JavaScript以包含在index.htmldist文件夹时有一个例外。 React节点模块不是这种情况。 可以包含react-dom (来自dist文件夹)。

您已经需要在main.js作出反应。 没有必要将其包含在index.html 。 捆绑main.js ,React将被包括在内。 如果你不捆绑它,你必须包含一个可以包含在html文件中的React版本。 我认为有一个在node_modules\react\dist