React + Material UI，require 未定义答案

【问题标题】：React + Material UI, require is not definedReact + Material UI，require 未定义
【发布时间】：2015-06-28 15:00:32
【问题描述】：

我正在尝试将 React 与 Material UI 一起使用，但我仍然遇到相同的错误：未定义要求。我在 TapEventPlugin、TouchEventPlugin、injectTapEventPlugin 和 ResponderEventPlugin 的浏览器上出现此错误。

这是我的 index.html 中的代码：`

    <div id="wrapper">
    </div>

    <script src="js/react.min.js"></script>
    <script src="js/JSXTransformer.js"></script>
    <script src="js/TapEventPlugin.js"></script>
    <script src="js/TouchEventUtils.js"></script>
    <script src="js/injectTapEventPlugin.js"></script>
    <script src="js/ResponderEventPlugin.js"></script>
    <script type="text/jsx" src="js/index.js"></script>
</body>`

这是我的 js 文件：

var React = require('react/addons');
var injectTapEventPlugin = require('react-tap-event-plugin');
injectTapEventPlugin();
var mui = require('material-ui');
var ThemeManager = new mui.Styles.ThemeManager();
var AppBar = mui.AppBar;

var ApplicationBar = React.createClass({
            render: function(){
                return <AppBar title='Title' iconClassNameRight="muidocs-icon-navigation-expand-more"/>;
            }
        });

React.render(
    <ApplicationBar />,
    document.getElementById('wrapper')
  );

有什么想法吗？

【问题讨论】：

你安装了 React-Tap-Event-Plugin 吗？
是的，我已经安装了

标签： reactjs material-ui

【解决方案1】：

你有两个选择：

删除要求，因为它是服务器端功能而不是客户端，然后执行您的功能。
下载并使用 requirejs，然后在脚本之前在客户端加载它并使用它。

【讨论】：

谁可以在不需要的情况下使用 react-tap-event-plugin ？
我也面临这个错误 error 'injectTapEventPlugin' is not defined Module not found: 'react/lib/EventPluginHub'

【解决方案2】：

我解决了使用命令 'jsx [所有文件 .js 的目录] [将要创建的文件夹的名称] 命令编译 js 的问题。像这样：'jsx ./ newFolder' 然后我运行这个命令：browserify file.js > newFile.js 你需要先安装 Browserify。

【讨论】：