React + Material UI, require не определен

Question

Я пытаюсь использовать React with 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

У вас есть 2 варианта:

1. удалить требуют, как это на стороне сервера функция не на стороне клиента и выполнять свою функцию вокруг.

2. Загрузите и используйте requirejs, затем загрузите его со своей стороны клиента перед своим скриптом и используйте его.

Answer 2

Вы установили плагин React-Tap-Event-Plugin?

Answer 3

Я решил проблему компиляции в JS с помощью команды «JSX [каталог всех файлов .js] [имя папки, в которой будет создан]. Нравится это: 'jsx ./ newFolder' Затем я запустил эту команду: browserify file.js> newFile.js Вам необходимо установить сначала Browserify.