【解决】 @babel/plugin-proposal-decorators 报错

截图如下

---

场景：

学习装饰器模式，为浏览器兼容，使用babel转换代码

问题复现

   1. 安装

npm install --save-dev @babel/plugin-proposal-decorators

   2. 配置.babelrc

{
  "presets": [
    ["@babel/preset-env" ]// ES语法转换
  ],
  "plugins": [
    ["@babel/plugin-proposal-decorators"]
  ]
}

   3. 启动webpack-dev

 E:\codes\JavaScript\Design Patterns>npm run dev

 [email protected] dev E:\codes\JavaScript\Design Patterns
 webpack-dev-server --config ./webpack.dev.config.js --mode development

   4.报错

---

解决

.babelrc添加配置，更改如下

{
 "presets": [
   ["@babel/preset-env" ]// ES语法转换
 ],
 "plugins": [
   ["@babel/plugin-proposal-decorators", { "legacy": true }]
 ]
}