react-decoration で @ がだめだと言われたときに通す方法は transform-decorators-legacy を使う

@ が通らなくなった問題発生

React の react-decoration を使っていたところ、バージョンアップしたら

ERROR in ./hoge.js
Module build failed: SyntaxError: Unexpected token (16:2)

  14 |   }
  15 | 
> 16 |   @debounce(375)
     |   ^

などと、@ が変だと言われるようになってしまった。

you ばべっちゃっいなよってことで次のように babe ったらなおった

READMEにしたがって (詳細は react-decoration/Introduction.md を参照のこと)、

$ yarn add babel-plugin-transform-decorators-legacy

と babel-plugin-transform-decorators-legacy という npm を追加し、さらに .babelrc に、

{
  "plugins": [
    ...,
    "transform-decorators-legacy",
    ...
  ],
  "...": ...
}

と追加したら @ が再び使えるようになった。よかった。

legacy という名前だということは、今は違う方法が推奨されているのかも知れないが、そこまでは勉強していない。

• react-decoration v1.4.1

babel 6

babel 6 だと起きるということです。Thanks, @eielh.