Vue版本降级操作指南（解决依赖冲突与版本不一致问题）

例：将vue3.5.22版本降为3.2.47

步骤 1：强制同步所有 Vue 相关包版本（最核心）

// 1. 卸载现有 Vue 及编译包
npm uninstall vue @vue/compiler-sfc @vue/runtime-core @vue/runtime-dom

// 2. 重新安装指定版本（全部锁定指定版本）
npm install vue@3.2.45 @vue/compiler-sfc@3.2.45 @vue/runtime-core@3.2.45 @vue/runtime-dom@3.2.45 --save

// 3. 清理 npm 缓存（避免缓存干扰）
npm cache clean --force

步骤 2：检查 Vue 项目 package.json 中的版本是否存在冲突

// 检查所有依赖的版本规则冲突（重点看 red 色报错）
npm ls --depth=0

// 针对性检查核心依赖（比如 Vue 相关）
npm ls vue @vitejs/plugin-vue vite

• 输出中如果出现 UNMET PEER DEPENDENCY（未满足的对等依赖）→ 说明某个包的 peerDependencies 要求未被满足（比如插件要求 vue@^3.3.0，但你装了 3.2.45）；
• 输出中如果出现 version mismatch → 直接提示版本冲突

如有冲突，会将冲突依赖标红输出，按照提示的替换冲突依赖版本

例：vue-router版本过高标红

// npm 卸载
npm uninstall vue-router

// npm 安装 4.1.4 版本
npm install vue-router@4.1.4 --save

步骤 3：彻底删除依赖并重新安装（解决残留问题）

// 1. 删除 node_modules 和锁文件（关键：锁文件会记录旧版本依赖）
// 同等于 手动删除node_modules文件夹和package-lock.json文件
rm -rf node_modules package-lock.json yarn.lock（如果用yarn）

// 2. 重新安装所有依赖（此时会根据 package.json 中的版本重新下载）
npm install

步骤 4：验证修复效果

// 启动开发服务
npm run serve（Vue CLI 项目）
// 或
npm run dev（Vite 项目）