这个 Babel 插件对我有用：

https://github.com/loganfsmyth/babel-plugin-transform-decorators-legacy

npm i --save-dev babel-plugin-transform-decorators-legacy

.babelrc

{
  "presets": ["es2015", "stage-0", "react"],
  "plugins": [
    ["transform-decorators-legacy"],
    // ...
  ]
}

或者

网络包

{
  test: /\.jsx?$/,
  loader: 'babel',
  query: {
    cacheDirectory: true,
    plugins: ['transform-decorators-legacy' ],
    presets: ['es2015', 'stage-0', 'react']
  }
}

react本机

随着react-native您必须使用babel-preset-react-native-stage-0插件来代替。

npm i --save babel-preset-react-native-stage-0

.babelrc

{
  "presets": ["react-native-stage-0/decorator-support"]
}

请参阅此问题和答案以获得完整的解释。

在 babeljs slack webchat 上花了 5 分钟后，我发现装饰器在当前版本的 babel (v6.2) 中被破坏了。唯一的解决方案似乎是此时降级到 5.8。

他们似乎也将问题跟踪器从 github 移至https://phabricator.babeljs.io

我写下所有这些，因为经过数小时的搜索，我发现当前的文档非常糟糕且缺乏。

仅安装babel-plugin-transform-decorators-legacy对我不起作用（我有一个使用酶和业力的配置）。结果证明安装transform-class-properties：transform-class-properties并确保遗留插件在变换类插件之前，根据transform-decorators-legacy 中的文档最终使它对我有用。

我也没有使用.babelrc文件，但是将它添加到我的karma.conf.js文件中对我有用：

babelPreprocessor: {
  options: {
    presets: ['airbnb', 'es2015', 'stage-0', 'react'],
    plugins: ["transform-decorators-legacy", "transform-class-properties"]
  }
}

我还将它添加到我的装载机中：

loaders: [
  {
    test: /\.js$/,
    loader: 'babel',
    exclude: path.resolve(__dirname, 'node_modules'),
    query: {
      presets: ['airbnb', 'es2015', 'stage-0', 'react'],
      plugins: ["transform-decorators-legacy", "transform-class-properties"]
    }
  },

你只需要一个变换装饰器插件：http : //babeljs.io/docs/plugins/transform-decorators/

如果您将项目从 Babel 6 升级到 Babel 7，那么您需要安装@babel/plugin-proposal-decorators.

如果你想支持 Babel 5 中使用的遗留装饰器，你需要配置你.babelrc的如下：

plugins: [
      ['@babel/plugin-proposal-decorators', { legacy: true }],
      ['@babel/plugin-proposal-class-properties', { loose: true }],
]

如果您使用后者，请确保@babel/plugin-proposal-decorators在前面@babel/plugin-proposal-class-properties。