2016-05-23 94 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

相關問題