webpack配置的babel-loader解析jsx总是报错

Question

webpack配置：

module:{
        loaders:[
            {
                test: /\.js[x]?$/,
                loader: 'babel-loader'
            },
        ]
    }

报错问题出现在

react的语法应该是没有问题的 我在<div>的前边加了（）也还是报这个箭头的错误，求大神帮忙

Answer 1

原因是由于你没有告诉babel你要使用到JSX的语法，先运行npm install babel-preset-react babel-preset-es2015 --save-dev，然后修改webpack配置文件，如下所示：

module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel',
        query: {
          presets: ['react', 'es2015']
        }
      }
    ]
  },