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([])
我到底做錯了什麼?
順便說一句,'Require.js'引用AMD模塊樣式,以及類似節點的'require'模塊引用CommonJS樣式。 –
我創建了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
我創建了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>