React.js Decorators are not supported yet in 6.x pending proposal update

Question

The technologies that i am using to build my app is React, Web-pack, Babel and AlT(flux implementation)

I'm getting an error when web pack tries to compile my app. Not sure what libraries i am missing.

Could someone please advice ?

  ##.babelrc file##
  {"presets": ["react", "es2015", "stage-0"]}

Possible duplicate of [Webpack babel 6 ES6 decorators](http://stackoverflow.com/questions/33801311/webpack-babel-6-es6-decorators) — Pavlin, Nov 23 '15 at 11:45

score 9 · Answer 1 · edited May 23 '17 at 11:46

9

The answer is mostly provided here https://stackoverflow.com/a/34210231/, but I'll recount it here for convenience:

Basically, you TC39 is changing the proposal so Babel is holding off on implementing decorators. If you want the Babel 5 version of decorators (or something similar), you can add this special plugin to Babel - https://www.npmjs.com/package/babel-plugin-transform-decorators-legacy.

edited May 23 '17 at 11:46

Community

1
1

answered Dec 22 '15 at 16:50

Qiming

1,664
1
14
18

This should be the answer, it worked for me except that it's the commands in the stackoverflow link ```npm i --save-dev babel-plugin-transform-decorators-legacy``` and not the ones in the Babel link that worked. – Ryan Vice Dec 28 '15 at 02:43
@RyanVice oops I think I got the link wrong, updated with the right one. – Qiming Dec 29 '15 at 03:57

score 7 · Answer 2 · answered Nov 23 '15 at 10:19

7

Babel 6 doesn't support decorators yet, see this issue

The easiest and most stable solution at the moment is use version 5.8.34

answered Nov 23 '15 at 10:19

Emilio Rodriguez

5,709
4
27
32

Can we force babel to use it through something like https://www.npmjs.com/package/babel-plugin-transform-decorators? – Qiming Dec 22 '15 at 16:45
11

Why wait? [`babel-plugin-transform-decorators-legacy`](https://www.npmjs.com/package/babel-plugin-transform-decorators-legacy) – vhs Dec 28 '15 at 21:40
1

The `babel-plugin-transform-decorators-legacy` doesn't work for me. Any updates for 2016? – reectrix Jul 25 '16 at 19:57

score 2 · Answer 3 · answered Dec 10 '15 at 21:18

The TC39 is changing the decorator proposal (the 'old' one is implemented in babel 5), so the babel team is waiting them to write the new implementation, or port the old one from babel 5. The easy way to use decorators now is use babel 5, then wait to TC39 for the new proposal and let the babel team implement it.

score 0 · Answer 4 · edited Apr 12 '18 at 01:14

0

I had the same problem, and after I removed duplicated declaration of

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

in webpack config and .babelrc,it finnaly works.

edited Apr 12 '18 at 01:14

NightOwl888

55,572
24
139
212

answered Apr 12 '18 at 00:49

WEN-JY

873
2
8
15

React.js Decorators are not supported yet in 6.x pending proposal update

4 Answers4