升级@vue/cli-service至5.0.8后运行serve遇Progress Plugin配置错误

错误原因 #

升级@vue/cli-service到5.x版本后，项目中安装的progress-webpack-plugin是适配Webpack 4的版本，和Vue CLI 5默认使用的Webpack 5的ProgressPlugin参数规范不兼容，导致配置校验失败。

解决步骤 #

• 卸载冲突的插件：

  npm uninstall progress-webpack-plugin
  # 用yarn的话执行：yarn remove progress-webpack-plugin
  

• 检查项目根目录的vue.config.js，如果有手动引入和配置progress-webpack-plugin的代码，直接删除相关片段。比如这类代码：

  const ProgressPlugin = require('progress-webpack-plugin')
  module.exports = {
    configureWebpack: {
      plugins: [new ProgressPlugin()]
    }
  }
  

• 清理依赖缓存并重新安装：

  rm -rf node_modules package-lock.json
  npm install
  

• 最后重新启动服务：

  npm run serve
  

内容的提问来源于stack exchange，提问作者ASHafizullah