当使用webpack编译React时，它返回意外的令牌（

Question

确切的错误信息是

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

  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中定义对象文本时将出现语法错误。