个性化阅读
专注于IT技术分析

webpack和babel项目使用ES6装饰器错误:Decorators are not supported yet in 6.x pending proposal update.

在webpack和babel项目中,使用ES6装饰器decorator时出错,错误信息如下:

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

Webpack的相关配置如下:

loaders: [
  {
    loader: 'babel',
    exclude: /node_modules/,
    include: path.join(__dirname, 'src'),
    test: /\.jsx?$/,
    query: {
      plugins: ['transform-runtime'],
      presets: ['es2015', 'stage-0', 'react']
    }
  }
]

解决办法

1、安装babel插件

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

2、在.babelrc或webpack中配置该插件

.babelrc配置:

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

Webpack配置:

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

3、使用React Native的情况

使用react-native时,需要安装如下插件:

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

.babelrc配置如下:

{
  "presets": ["react-native-stage-0/decorator-support"]
}
赞(0) 打赏
未经允许不得转载:srcmini » webpack和babel项目使用ES6装饰器错误:Decorators are not supported yet in 6.x pending proposal update.
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏