React + Material UI, require is undefined
I'm trying to use React with Material UI, but I still have the same error: require is not defined. I have this browser error for TapEventPlugin, TouchEventPlugin, injectTapEventPlugin and ResponderEventPlugin.
This is the code in my 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>`
And this is my js file:
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')
);
Any idea?
+3
source to share