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

时间 2020-01-12

标签解决 babel plugin proposal decorators 报错繁體版

原文原文链接

截图以下
webpack

场景：

学习装饰器模式，为浏览器兼容，使用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

解决

.babelrc添加配置，更改以下学习

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