Vue包版本不匹配致项目无法运行，npm安装正常仍存疑问

报错信息 #

Vue packages version mismatch:

• vue@2.6.10
• vue-template-compiler@2.7.14

vue与vue-template-compiler版本必须严格一致，否则会导致项目运行异常。你执行npm install后仍未解决，可能是遗漏了以下操作：

解决步骤 #

1. 确认vue-loader版本 #

先执行命令查看当前项目的vue-loader版本：

npm list vue-loader

2. 分场景处理版本不匹配 #

场景A：vue-loader版本 >=10.0

直接安装与vue@2.6.10匹配的vue-template-compiler版本：

npm install vue-template-compiler@2.6.10 --save-dev

场景B：vue-loader版本 <10.0 或使用vueify

先卸载原有依赖，再重装对应版本：

# 卸载旧依赖
npm uninstall vue-loader vue-template-compiler
# 重装匹配版本
npm install vue-loader vue-template-compiler@2.6.10 --save-dev

（如果使用vueify，将上述命令中的vue-loader替换为vueify即可）

3. 清理缓存与重新安装（可选） #

若上述操作无效，可能是缓存或lock文件锁定了版本，执行以下步骤：

• 删除项目根目录下的node_modules文件夹
• 删除package-lock.json文件（使用yarn则删除yarn.lock）
• 重新执行npm install

4. 检查package.json依赖（关键） #

打开package.json，确认vue和vue-template-compiler的版本号完全一致，示例如下：

{
  "dependencies": {
    "vue": "^2.6.10"
  },
  "devDependencies": {
    "vue-template-compiler": "^2.6.10"
  }
}

内容的提问来源于stack exchange，提问作者Kumaresh Chandra Baruri