vue-cli 出现 Vue packages version mismatch 的解决方案

Published: at 16:02

配置环境

问题描述

当我们很长一段时间没有使用 vue-cli，在更新之后，vue create xxx 时可能会出现：

1
Vue packages version mismatch:
2


3
[email protected] (xxxx/node_modules/vue/dist/vue.runtime.common.js)
4
[email protected] (/Users/vincentdupont/.nvm/versions/node/v8.9.0/lib/node_modules/@vue/cli/node_modules/vue-template-compiler/package.json)
5
This may cause things to work incorrectly. Make sure to use the same version for both.
6
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
7
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

原因分析

由于 lock 文件的存在，导致实际使用的 vue-template-compiler 与 vue 版本出现不对等的问题。

解决方案

  1. 找到 yarn global 的目录，通常为 ~/.config/yarn/global。
  2. 删除 yarn.lock。
  3. 再重新安装 vue-cli 即可（理论上在上面那个目录直接 yarn install 也可以）。