React Syntax Error: Unexpected Token at =

Question

ERROR in ./src/js/HomeView.js
Module build failed: SyntaxError: Unexpected token (122:19)

  120 |   }
  121 | 
> 122 |   handleDrawerOpen = () => {
      |                    ^
  123 |     this.setState({ open: true });
  124 |   };
  125 |

Got the above error when trying to compile react component using webpack. Does anyone know what is the missing plugin here?

Can I see the full source including that part?

IzumiSy
– IzumiSy

2017-12-18 09:56:49 +00:00
Commented Dec 18, 2017 at 9:56 — IzumiSy
– IzumiSy, Commented Dec 18, 2017 at 9:56

Alberto Schiabel · Accepted Answer · 2017-12-18 10:34:32Z

1

You'll probably need to install preset-stage-2. This babel plugin allows you to use ES6+ features such as statics, property initializers, and even dynamic import support. You could actually just install transform-class-properties for this particular case, but I usually prefer to install a babel plugin with stage-x because I find it comfortable to use multiple ES6+ features with a single install. It might also be useful to future readers that this particular Babel plugin is already properly set up for you if you use create-react-app, as you can check here.

edited Dec 18, 2017 at 10:34

answered Dec 18, 2017 at 9:57

Alberto Schiabel

1,15913 silver badges27 bronze badges

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

4 Comments

Mox Over a year ago

Mind to explain why that is needed?

transGLUKator Over a year ago

this is called property initializers and they are part of ES7 standard. to enable them in ES5/ES6 environments, you need to use a transpiler with proper settings. you can read more here

Alberto Schiabel Over a year ago

@Mox I'm editing right now, sorry but I usually prefer to give a brief answer and then provide more details in the next hour or two.

Alberto Schiabel Over a year ago

Also, you'll find further infos in the link embedded into my answer

cdoshi · Accepted Answer · 2017-12-18 10:04:56Z

0

Difficult to guess from the code you have pasted above.

My guess is change it to

handleDrawerOpen() {
    this.setState({ open: true });
}

answered Dec 18, 2017 at 10:04

cdoshi

2,8321 gold badge15 silver badges21 bronze badges

Collectives™ on Stack Overflow

React Syntax Error: Unexpected Token at =

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related