【解決】 @babel/plugin-proposal-decorators 報錯

截圖以下
image.pngwebpack


場景:

學習裝飾器模式,爲瀏覽器兼容,使用babel轉換代碼web

問題復現

   1. 安裝npm

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

   2. 配置.babelrc瀏覽器

{
  "presets": [
    ["@babel/preset-env" ]// ES語法轉換
  ],
  "plugins": [
    ["@babel/plugin-proposal-decorators"]
  ]
}

   3. 啓動webpack-devbabel

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.報錯webpack-dev-server

image.png

解決

.babelrc添加配置,更改以下學習

{
 "presets": [
   ["@babel/preset-env" ]// ES語法轉換
 ],
 "plugins": [
   ["@babel/plugin-proposal-decorators"]
 ]
}
相關文章
相關標籤/搜索