При использовании Webpack компилировать Реагировать возвращает Неожиданный маркер (

Question

Точное сообщение об ошибке

модуль синтаксического анализа не удалось: /www/devreact/node_modules/jsx-loader/index.js!/www/devreact/ приложение/dashboard.js Строка 11: Неожиданный маркер (Вам может понадобиться соответствующий загрузчик ручки этого типа файла

Webpack терпит неудачу на следующий коде ниже "

..

Вот грузчики быть загружены в моем файле webpack.config.js.

module:{ 
 
    loaders:[ /*Loaders like helprs Good for transcompiling ES6 */ 
 
     {test:/\.js$/,loader:'jsx-loader'} /*Test whenever you hit a javascript file use jsx-loader When using require module */ 
 
     ,{test:/\.json$/,loader:'json-loader'} 
 
    ] 
 
    },

Answer 1

визуализации должна быть функция:

var Add = React.createClass({ 
    render: function() { 
    var sum = this.props.x + this.props.y; 
    return React.DOM.span({}, sum); 
    } 
}); 

В противном случае, вы будете иметь синтаксическую ошибку, определяющий объект буквального внутри creatClass.