2015-09-08 84 views
1

我不明白庫https://github.com/jquense/react-widgets 有一個路徑,例如:LIB/NumberInput.js不工作「要求」在陣營

這個文件有代碼:

'use strict'; 

var babelHelpers = require('./util/babelHelpers.js'); 

var React = require('react'), 
    CustomPropTypes = require('./util/propTypes'), 
    localizers = require('./util/configuration').locale; 

var format = function format(props) { 
    return props.format || localizers.number.formats['default']; 
}; 

//.... code code code ..... 

我代碼:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Hello React</title> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script> 
    <script src="react-widgets/lib/NumberInput.js"></script> 
    </head> 
    <body></body> 
</html> 

在控制檯寫入錯誤:

Uncaught ReferenceError: require is not defined

我連接了庫。 http://requirejs.org/

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Hello React</title> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script> 
    <script src="require.js"></script> 
    <script src="react-widgets/lib/NumberInput.js"></script> 
    </head> 
    <body></body> 
</html> 

再有,我有一個錯誤:

Uncaught Error: Module name "util/babelHelpers.js" has not been loaded yet for context: _. Use require([])

我到底做錯了什麼?

回答

0

React控件由NPM分發;你可以使用它們,因爲node.js內置了require模塊加載器。爲了使節點模塊可用於瀏覽器,您需要使用Browserify創建一個包(包含React本身,窗口小部件,其他模塊和代碼),並將其包含到網頁中。

+0

順便說一句,'Require.js'引用AMD模塊樣式,以及類似節點的'require'模塊引用CommonJS樣式。 –

+0

我創建了index.js文件和HTML頁面: var NumberPicker = require('./ react-widgets/lib/NumberPicker.js'); // var React = require('react'); console.log(NumberPicker); //console.log(React); window.loaded = function(){ \t React.render(React.createElement(NumberPicker,null),document.body); } – user2815962

+0

我創建了index.js文件和HTML頁面: var NumberPicker = require('./ react-widgets/lib/NumberPicker.js'); window.loaded = function(){ \t React.render(React.createElement(NumberPicker,null),document.body); } <!DOCTYPE HTML> 你好陣營 \t <體的onload = 「加載();」> http://i10.pixs.ru/storage/3/6/0/2015091117_5809543_18760360 .png 如何連接樣式?我有一個錯誤。如何解決它? – user2815962