Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option

Error: The ‘decorators’ plugin requires a ‘decoratorsBeforeExport’ option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the ‘decorators-legacy’ plugin instead of ‘decorators’

背景:react 项目 + babel 7 + 使用到装饰器

错误

在这里插入图片描述
使用以上装饰器时,需安装相应的插件和配置某些文件,否则可能会出现以下错误
在这里插入图片描述

解决办法

步骤如下:

1、安装以下插件

	npm install -D @babel/plugin-proposal-decorators

2、配置.babelrc 文件或package.json文件的 babel 字段值(两者二选一,不要都配置,否者会报找到两个配置文件的错)
(1)配置 .babelrc 文件

 "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
  ]

(2)配置 package.json 文件的 babel 字段值

 babel: {
	"plugins": [
	    ["@babel/plugin-proposal-decorators", { "legacy": true }],
	 ]
  }

参考文章
‘decorators-legacy’ issue

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值