语法错误:缺少类属性转换

Ole*_*nko 2 reactjs webpack babeljs

我有 babel 变换的问题。在我的 React 容器中添加句柄事件后,我收到此错误。

语法错误:缺少类属性转换。

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

我的 .babelrc

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

        "@babel/react",
        "@babel/typescript",
    ],
}
Run Code Online (Sandbox Code Playgroud)

我的 webpack 加载器

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

Ole*_*nko 10

解决。需要安装@babel/plugin-proposal-class-properties 并将这个插件添加到.babelrc 中。 关联

  • 1. npm install --save-dev @babel/plugin-proposal-class-properties 2. webpack.config.js -> 模块 -> 规则 -> 加载器 -> 选项 -> 插件: ["@babel/plugin-proposal -类属性”] (2认同)