SyntaxError：缺少类属性转换

Question

我对babel转换有疑问。在我的React容器中添加handle事件后，出现此错误。

SyntaxError：缺少类属性转换。

  21 |     // handlers
  22 |
> 23 |     onIncrement = () => {
     |     ^
  24 |         const { dispatch } = this.props;
  25 |
  26 |         dispatch(valueDecrement())

我的.babelrc

{
    "presets": [
        [
            "@babel/env",
            {
                "targets": {
                    "browsers": [
                      "last 2 versions"
                    ]
                }
            }
        ],

        "@babel/react",
        "@babel/typescript",
    ],
}

我的webpack加载器

...
    module: {
        rules: [
            {
                test: /\.(ts|js)x?$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
            },
        ],
    },
...

Answer 1

解决。需要安装@ babel / plugin-proposal-class-properties并将此插件添加到.babelrc。 Link