reactjs - React + Material UI，require 未定义

Question

我尝试将 React 与 Material UI 结合使用，但仍然遇到相同的错误:require 未定义。我在 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')
  );

有什么想法吗？

Answer 1

你有两个选择:

1. 删除 require，因为它是服务器端功能而不是客户端，并执行您的功能。

2. 下载并使用 requirejs，然后在脚本之前将其加载到客户端并使用它。