Question

确切的错误消息是

模块解析失败： /www/devreact/node_modules/jsx-loader/index.js!/www/devreact/app/dashboard.js 第11行：意外的令牌（您可能需要一个适当的加载器处理此文件类型。

Webpack在以下代码中失败了。＆＃39;

＆＃13;

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

＆＃13;

以下是我的webpack.config.js文件中加载的加载器。

＆＃13;

  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'}
    ]
  },

＆＃13;

Answer 1

渲染需要是一个函数：

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

否则，您将在creatClass中定义对象文字时出现语法错误。

使用webpack编译React时，它返回Unexpected token（

1 个答案: