How to fix 'Module build failed: SyntaxError: Missing class properties transform.'?

Question

In my reactjs component I have this code:

increment = () => {
     store.dispatch({type: 'INC'});
}

When I run npm start in the console I get:

Module build failed: SyntaxError: Missing class properties transform.

I installed :

npm install --save-dev babel-plugin-transform-class-properties

And also added this to my .babelrc :

  "plugins": [
    "transform-class-properties"
  ],

  "presets": [
    "es2015",
    "react",
    "stage-0"
  ],

How can I resolve this?

What is the content of your `npm start` script? – ickyrr Jun 21 '17 at 02:28 — ickyrr, Jun 21 '17 at 02:28
webpack-dev-server --progress --inline --hot – bier hier Jun 21 '17 at 02:41 — bier hier, Jun 21 '17 at 02:41

score 0 · Answer 1 · answered Jun 25 '17 at 19:33

Have you seen this other post: Error: Missing class properties transform ?

I had a similar problem, and, as one of the comments on the accepted answer above suggests, I had the presets listed in both my .babelrc file and my webpack.config. I removed the redundant options from my webpack.config and now it runs.

How to fix 'Module build failed: SyntaxError: Missing class properties transform.'?

1 Answers1