【记录】用脚手架创建 Vue3 遇到的插件坑

项目架构
Vue3 + element-plus + echarts + axios + 高德地图 + sass

插件包
amfe-flexible + postcss-pxtorem、vuex-persistedstate、sass-loader

创建前提
1、把脚手架升级到最新
2、把 npm 升级到最新
注意：用管理员权限操作

报错/警告

error: 'XXX' is defined but never used (no-unused-vars）

//解决方法：package.json 中添加
"rules": {
   "generator-star-spacing": "off",
   "no-tabs":"off",
   "no-unused-vars":"off",
   "no-console":"off",
   "no-irregular-whitespace":"off",
   "no-debugger": "off"
}

 Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.”
 //解决办法，降级为："postcss-pxtorem": "^5.1.1",

 Error: Cannot find module 'vue-loader-v16/package.json'
 //把 cnpm 安装换成 npm 安装

"export 'default' (imported as 'echarts') was not found in 'echarts'
//改成  import * as echarts from "echarts";

  sass-loader 
  //版本改成 "sass-loader": "^7.1.1"