Webpack配置React大坑记录(2)

在Babel中配置antd样式导入和装饰器@babel/plugin-proposal-decorators后,即便安装官方的配置方法:

 "babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "import",
        {
          "libraryName": "antd-mobile",
          "style": "css"
        }
      ],
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ]
  }

 

也会出现报错:Webpack配置React大坑记录(2)_第1张图片

可以确定是babel解析的问题,但是无论删除node_modules,用npm和cnpm重新install都无济于事,回想原因是在创建完工程后命令行提示多出警告,经自动提示使用了npm audit fix --force指令。于是重新用create-react-app脚手架创建工程,便再无上述问题。

你可能感兴趣的:(前端框架)