SyntaxError: Missing class properties transform

Question

I have problem with babel transform. After add handle event in my React container i got this error.

SyntaxError: Missing class properties transform.

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

My .babelrc

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

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

My webpack loader

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

I guess you need to install the plugin? link

maazadeeb
– maazadeeb

2019-04-13 16:52:59 +00:00
Commented Apr 13, 2019 at 16:52 — maazadeeb
– maazadeeb, Commented Apr 13, 2019 at 16:52
Same question: stackoverflow.com/questions/55661413/…

Matt Carlotta
– Matt Carlotta

2019-04-13 17:05:44 +00:00
Commented Apr 13, 2019 at 17:05 — Matt Carlotta
– Matt Carlotta, Commented Apr 13, 2019 at 17:05

Oleg Ovcharenko · Accepted Answer · 2019-04-13 17:55:41Z

12

Solve. Need to install @babel/plugin-proposal-class-properties and add this plugin to the .babelrc. Link

answered Apr 13, 2019 at 17:55

Oleg Ovcharenko

5372 gold badges8 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Aleksandr Sergeevich Over a year ago

1. npm install --save-dev @babel/plugin-proposal-class-properties 2. webpack.config.js -> module -> rules -> loader -> options -> plugins: ["@babel/plugin-proposal-class-properties"]

Collectives™ on Stack Overflow

SyntaxError: Missing class properties transform

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related