2016-08-07 66 views
0

我寫在我的陣營代碼如下:未捕獲的ReferenceError:要求沒有定義React.js

var React = require('react'); 

我跟着從tutorialspoint的陣營設置。我在/ Desktop/reactApp /安裝了所有的東西。 React代碼正在從/GitProjects/DjangoProjects/MyProj/MyApp/static/react/dashboard.js運行。我繼續收到錯誤Uncaught ReferenceError。請幫忙。我錯過了什麼嗎?

注意:/GitProjects/DjangoProjects/MyProj/MyApp/templates/dashboard.html的HTML文件正在調用我的dashboard.js代碼。

回答

1

聽起來好像你正試圖在HTML中包含文件dashboard.js

如果此文件包含像require('react');這樣的代碼,那麼這意味着您需要先使用構建工具編譯它,該工具實際上會找到react並將它與您自己的代碼捆綁在一起。

如果您要鏈接的教程,使用的構建工具是webpack。您的HTML應該包含由webpack生成的文件(index.js,或者您在webpack config的output部分中提供的任何內容),而不是單獨使用dashboard.js

webpack.config.js

var config = { 
    entry: './main.js', # the main code of your app that require()s other files 

    output: { 
     path:'./', 
     filename: 'index.js', # the file you should be including in HTML 
    }, 
+0

仍然得到同樣的錯誤。安裝了webpack。將webpack配置中的**條目**設置爲./MyApp/static/MyApp/react/dashboard.js並將**輸出**設置爲./MyApp/static/MyApp/bundles。運行命令webpack。成功創建了文件夾包。在我的HTML中,。打開瀏覽器並看到相同的錯誤「不需要定義」。 –

+1

爲什麼'

相關問題