React + Material UI，require is not defined

我试图使用React与Material UI，但是我仍然有相同的错误：require没有定义。 TapEventPlugin，TouchEventPlugin，injectTapEventPlugin和ResponderEventPlugin在浏览器中出现此错误。React + Material UI，require is not defined

这是我的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') 
 
);

任何想法？

来源

2015-06-28 Sabbo

你有2种选择：

删除要求，因为它是服务器端的功能不是客户端和周围做你的功能。
下载并使用requirejs，然后在脚本之前将其加载到您的客户端并使用它。

来源

2015-07-02 19:31:52

我会尝试第二个选项。我希望它工作 – Sabbo

谁不需要使用react-tap-event-plugin？ – John

我也面临这个错误错误'injectTapEventPlugin'未定义模块未找到：'react/lib/EventPluginHub' – John

您是否安装了React-Tap-Event-Plugin？

来源

2015-07-02 19:21:41 ogm

是的，我已经安装了它 – Sabbo

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

来源

2015-07-05 20:59:23 Sabbo

React + Material UI，require is not defined

回答

相关问题