Bable配置decorator报错

Question

配置：
"babel-core": "^6.17.0",

{
  "plugins": [
    "transform-class-properties",
    "transform-es2015-block-scoping",
    ["transform-es2015-classes", {"loose": true}],
    "transform-proto-to-assign",
    "transform-decorators-legacy",
    "transform-es2015-modules-commonjs"
  ],
  "presets": [
    "react",
    "es2015",
    "stage-0"
  ]
}

报错：

Method has decorators, put the decorator plugin before the classes one.

Answer 1

参考：babel-plugin-transform-decorators-legacy

NOTE: Order of Plugins Matters!

If you are including your plugins manually and using transform-class-properties, make sure that transform-decorators-legacy comes before transform-class-properties.

/// WRONG

"plugins": [
  "transform-class-properties",
  "transform-decorators-legacy"
]

// RIGHT

"plugins": [
  "transform-decorators-legacy",
  "transform-class-properties"
]

Answer 2

挖出一篇老问题，legacy 的位置很重要