箭头功能无法编译

时间:2018-01-20 00:39:09

标签: javascript webpack babel arrow-functions reactjs.net

我一直在使用Reactjs.net和Visual Studio,它编译包含使用箭头函数语法定义的类方法的.jsx文件......

class A {

   m = () => {
   }
}

我已经设置了带有ES2017预设的Webpack,但它在方法名称后面给出了等号的“意外令牌”错误。

为什么不编译?

这是我的配置中的加载程序部分...

module: {
        loaders: [
            {
                test: /.jsx?$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['es2017', 'react']
                }
            }
        ]
    }

1 个答案:

答案 0 :(得分:-1)

我安装了https://babeljs.io/docs/plugins/preset-stage-2/

并将'stage-2'添加到预设列表中。

在使用一些示例代码打开和关闭预设后,我制定了这个解决方案......

https://babeljs.io/repl