2016-05-23 45 views
1

我正在尝试为react.js做一个hello world,但react.js没有在线3。错误是引用错误:为什么react.js不能识别自己的node.js模块?

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> 

回答

3

节点模块不能直接在HTML文件中包含。他们只能通过javascript文件使用。当节点模块提供dist文件夹时,会出现一个例外情况,该文件夹提供要包含在index.html中的CSS & JavaScript。 React节点模块并非如此。可以原样包含react-dom(来自dist文件夹)。

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

+0

谢谢Damien Leroux – pward

相关问题