【解決】 @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 design-patterns@1.0.0 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 }] ] }

參考：
https://segmentfault.com/a/1190000021556489
https://www.babeljs.cn/docs/babel-plugin-proposal-decorators