为什么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.html
的dist
文件夹时有一个例外。 React节点模块不是这种情况。 可以包含react-dom
(来自dist
文件夹)。
您已经需要在main.js
作出反应。 没有必要将其包含在index.html
。 捆绑main.js
,React将被包括在内。 如果你不捆绑它,你必须包含一个可以包含在html文件中的React版本。 我认为有一个在node_modules\react\dist