Vue 2.6.14项目npm install依赖冲突及启动失败求助

问题本质 #

项目依赖的vue@2.6.14与开发依赖vuetify-loader@^1.7.0的peer依赖要求（vue@^2.7.2）不兼容，导致npm依赖解析抛出ERESOLVE错误。使用--legacy-peer-deps跳过校验后，依赖间的兼容性问题并未解决，最终引发应用启动失败。

解决方案 #

方案1：降级vuetify-loader至兼容Vue 2.6.x的版本 #

vuetify-loader@1.7.0针对Vue 2.7+开发，你可以切换到支持Vue 2.6.x的稳定版本1.6.0：

1. 卸载当前版本：

   npm uninstall vuetify-loader -D
   

2. 安装兼容版本：

   npm install vuetify-loader@1.6.0 -D
   

3. 重新执行npm install，完成后启动应用验证。

方案2：升级Vue至2.7.x版本（推荐） #

Vue 2.7是Vue 2的最终维护版本，完全兼容Vue 2.6的代码，同时支持部分Vue 3特性，可满足vuetify-loader@1.7.0的peer依赖要求：

1. 升级Vue及配套的模板编译器：

   npm install vue@2.7.14 vue-template-compiler@2.7.14 -S
   

2. 执行npm install重新解析依赖，随后启动应用。

方案3：临时调整Webpack配置（应急方案） #

若无法修改依赖版本，可尝试在webpack.base.config.js中添加别名强制锁定Vue版本，但可能引发其他隐性问题：
在resolve.alias节点中添加：

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.esm.js',
    'vue': require.resolve('vue')
  }
}

之后执行npm install --legacy-peer-deps，再尝试启动应用。

验证操作 #

完成上述任一方案后，执行项目启动命令（如npm run serve），检查控制台报错信息，按需调整配置或依赖。

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