3

マテリアル UI で React を使用しようとしていますが、まだ同じエラーが発生します: 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')
  );

何か案が?

4

2 に答える 2

1

2 つのオプションがあります。

  1. クライアント側ではなくサーバー側の機能であるため、必要なものを削除し、機能を実行します。

  2. requirejs をダウンロードして使用し、スクリプトの前にクライアント側でロードして使用します。

于 2015-07-02T19:31:52.093 に答える