Vue3项目引入Vuetify3 Alpha后运行npm run serve报Progress插件配置错误

这个报错是Vuetify 3 Alpha版本的配套构建配置依赖的progress-webpack-plugin版本，与Vue CLI内置的webpack版本存在参数校验冲突，插件向webpack的ProgressPlugin传递了不被识别的额外参数，导致启动时参数校验失败。

• 方案一：升级Vue CLI服务到最新稳定版
  执行如下命令升级依赖：

npm update @vue/cli-service

升级完成后删除项目根目录下的node_modules文件夹和package-lock.json（如果用yarn则删除yarn.lock），重新执行npm install安装依赖后再启动项目即可。

• 方案二：修改vue.config.js禁用冲突的进度插件
  在项目根目录的vue.config.js中添加如下配置，直接移除报错的progress插件：

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  // 保留你原有的其他配置
  chainWebpack: config => {
    config.plugins.delete('progress')
  }
})

修改后重新执行npm run serve即可启动。

• 方案三：替换Vuetify 3 Alpha为正式版
  Vuetify 3已经推出正式稳定版，Alpha测试版本本身存在大量未修复的兼容问题，直接修改package.json中vuetify的版本号为^3.3.0（或其他最新正式版本号），重新安装依赖即可彻底解决版本兼容问题。

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