Vue packages version mismatch:

Question

只要npm run dev就会出现这个问题；请问怎么解决？查自己vue的版本是2.8.1但是报错的版本跟这个不一致；附图:

Answer 1

首先，2.8.1 是 vue-cli 的版本，并不是 vue 的版本。

你遇到的这个报错是很常见的。常见于在已经配置好的 Webpack Vue 项目中仅更新了 vue 依赖时。实际上，vue 在通过 Webpack 使用时，vue 文件需要通过 vue-template-compiler 这一依赖来编译（从而可以在 production 包中去掉模板编译器，减小包体积）。这里的附加规则是 vue 和 vue-template-compiler 二者的版本必须是一一对应的，否则会报错。

解决方法很简单：

1. 检查你的 vue-loader 版本，如果 vue-loader 版本大于 10.0，那么 npm update vue-template-compiler 即可。

2. 如果使用的是 9.9.5 及以下版本的 vue-loader，那么 npm uninstall --save-dev vue-loader 后重新 npm install --save-dev vue-loader 即可。

注意，这个问题下重装或更新 vue-template-compiler 是无效的，需要搞定的其实是 vue-loader。

希望有所帮助。