Javascript 如何为Mobx启用decorators?

Javascript 如何为Mobx启用decorators?,javascript,babeljs,mobx,Javascript,Babeljs,Mobx,我正在使用Mobx(新手)和我自己构建的网页配置。当我得到 Module build failed: SyntaxError: Unexpected token (405:0) 在那条线上有 > 405 | @inject('buttonStore') 因此,不支持decorator。如何启用它们?我正在使用Babel。好的,我找到了问题的解决方案: 并放入package.json中 "babel": { "presets": [ "react", "es201

我正在使用Mobx(新手)和我自己构建的网页配置。当我得到

Module build failed: SyntaxError: Unexpected token (405:0)
在那条线上有

> 405 | @inject('buttonStore')

因此,不支持decorator。如何启用它们?我正在使用Babel。

好的,我找到了问题的解决方案:

并放入package.json中

  "babel": {
    "presets": [
      "react", "es2015"
    ],
    "plugins": ["transform-decorators-legacy", "transform-class-properties"]
  }

.LRC:

{
  "presets": ["mobx"]
}
另外,请记住,装饰器实际上只是不需要任何转换就可以工作的函数

@observer
class ObservedComponent{}
…相当于:

const ObservedComponent = observer(class ObservedComponent {})
@observer
class ObservedComponent{}
const ObservedComponent = observer(class ObservedComponent {})