React.js SyntaxError

Question

I'm reading Learning React by Alex Banks and Eve Porcello, published by O'Reilly Media now and I've received one issue.

From an example, in the book, I can't write this:

because I always receiving this Syntax Error:

Maybe it's the problem with the versions or some loader?

I just can't figure out this by myself.

I'll be very happy to see any reply.

Maybe this would help, there is a repository of this app ( github.com/MoonHighway/learning-react/tree/master/chapter-06/… ) my code not similar to this, but the issue is the same. — Andrew
– Andrew, Commented Oct 2, 2018 at 11:38
It's just a babel config problem, make sure you have -> plugin-syntax-object-rest-spread, if your targeting modern browsers you won't need -> babel-plugin-transform-object-rest-spread, but if you are you will need this too. — Keith
– Keith, Commented Oct 2, 2018 at 11:44
@NguyễnThanhTú , (webpack.config.js) prntscr.com/l18gjx , and .babelrc is just { "presets" : ["env", "react"] } — Andrew
– Andrew, Commented Oct 2, 2018 at 11:51

Tu Nguyen · Accepted Answer · 2018-10-02 11:55:13Z

1

Install babel-preset-stage-2 package and try this:

.babelrc

{
  "presets": ["env", "react", "stage-2"]
}

answered Oct 2, 2018 at 11:55

Tu Nguyen

10.2k4 gold badges30 silver badges53 bronze badges

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

5 Comments

Andrew Over a year ago

Wow, you're right. I saw in some articles that this may help, but how this {stage-0, stage-1, stage-2} properly works? Maybe you can suggest some great article to read?

Joe Clay Over a year ago

Note that the stage presets are being deprecated in Babel 7 - if you're using that version of Babel, you have to install plugins for individual unstable features you're using. In this case, it would be @babel/plugin-proposal-object-rest-spread. See this blog post for the reasoning behind that.

Joe Clay Over a year ago

@Andrew: The blog post I linked may also help you understand why the stage presets existed in the first place :)

Rob Kielty Over a year ago

babeljs.io/docs/en/babel-preset-stage-2 and exploringjs.com/es2016-es2017/ch_tc39-process.html might be worth having a look at as well.

Rob Kielty Over a year ago

@Andrew No worries at all.

Collectives™ on Stack Overflow

React.js SyntaxError

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related