2017-03-12 23 views
0

我花了很長一段時間只是試圖安裝陣營和陣營-DOM。安裝和使用作出反應

我開始我的腳本:

var React = require('react'); 
var ReactDOM = require('react-dom'); 

我使用的節點和NPM安裝到我的項目目錄,我可以看到他們已經成功地安裝在我的NetBeans IDE中。我打開Project Setting->Javascript Libraries->NPM,我可以看到React v15.4.2React-DOM v15.4.2

儘管這樣我仍然得到錯誤:

ReferenceError: Can't find variable: require 
    (21:07:49:681 | error, javascript) 
    at global code (public_html/main.js:8:20) 

如果任何人有一個建議,那麼我會非常感激。

+0

你使用類似Wepback將它打包爲web? – Li357

+0

https://blogs.oracle.com/geertjan/entry/bower_and_node_js_in –

+0

謝謝你的鏈接!這看起來非常有幫助。我還沒有設置webpack的反應,我打算現在這樣做。 – Linden

回答

0

這是行不通的。將您的react.jsreact-dom.js庫從npm包中包含到項目的主頁(即index.html)中。另外請記住添加babel.js--它與您的問題沒有關係,只是提到了未來。

+0

好的,謝謝。我想我在考慮React會自動編譯時跳過了槍。我會考慮使用Webpack進行設置。如果我使用Webpack,還需要使用Babel嗎? – Linden

+0

是的,我認爲是。看這裏的細節https://www.twilio.com/blog/2015/08/setting-up-react-for-es6-with-webpack-and-babel-2.html –

1

你不能在瀏覽器中使用require(),只是還沒有(和規範將從RequireJS語法不同反正)。如果你想開始使用React,我建議你先試試create-react-app。只要您對工作流程感到滿意,您可以嘗試使用Gulp,Browserify或更流行的Webpack模塊來建立自己的開發和生產環境。

希望有所幫助。

+0

謝謝,我會看看還需要做些什麼來編譯React。 – Linden