在 React 中“需要”不起作用答案

【问题标题】：Does not work "require" in React在 React 中“需要”不起作用
【发布时间】：2015-09-08 21:03:42
【问题描述】：

我看不懂库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>

再次，我有一个错误：

未捕获的错误：模块名称“util/babelHelpers.js”尚未加载然而对于上下文：_。使用 require([])

我做错了什么？

【问题讨论】：

标签： requirejs reactjs

【解决方案1】：

React 小部件由 NPM 分发；由于 node.js 内置 require 模块加载器，您可以使用它们。要使节点模块可用于浏览器，您需要使用 Browserify 创建单个包（包含 React 本身、小部件、可能还有其他模块和您的代码），并将其包含到网页中。

【讨论】：

顺便说一句，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 () { React.render(React.createElement(NumberPicker, null), document.body); }
我创建了 index.js 文件和 HTML 页面： var NumberPicker = require('./react-widgets/lib/NumberPicker.js'); window.loaded = function () { React.render(React.createElement(NumberPicker, null), document.body); } Hello React i10.pixs.ru/storage/3/6/0/2015091117_5809543_18760360.png 如何连接样式？我有一个错误。如何解决？