Vue packages version mismatch

Question

Vue packages version mismatch

Answer 1

尝试

以上错误很常见，一般情况下，按照报错提示执行命令就可以解决，

log中提示，版本vue和vue-template-compiler的版本不匹配，

可以通过下方式自检根目录下package.json文件排查

如果你的vue-loader版本>=10.0，可以直接更新vue-template-compiler

$ npm update vue-template-compiler

如果你的vue-loader版本<10.0或者使用了vueify，需要重新安装vue-loader和vueify，然后更新vue-template-compiler到最新版本

$ npm install vue-loader&vueify --save-dev

$ npm update vue-template-compiler

依然报错？

按照以上指令重新安装了依赖包，发现依然有错，有以下几种方式排查

查看全部依赖包

$ npm list

查看是否有异常的包依赖

将【node_modules】文件删除重新安装

如果是依赖包安装匹配错误或依赖包被篡改导致的错误，此方法可以有效解决

重新安装全局环境

此方法为下下策，是在没有办法的情况下才执行

weex涉及的全局环境大概有以下几种

node

npm

vue

vue-cli（本人此次遇到的错误就是weex-cli更新导致执行环境依赖包和项目包不匹配造成的）

weex

weex-cli

weexpack

【注意事项】以vue-cli为例

如果之前的全局环境时使用cnpm安装的，那么在重新安装时就不能仅仅使用$ npm uninstall卸载此包

$ npm uninstall vue-cli

而应该将响应环境包彻底删除或者将包内的node_modules全部删除

如：

$ sudo rm -rf /usr/local/lib/node_modules/vue-cli

# 或

$ sudo rm -rf /usr/local/lib/node_modules/vue-cli/node_modules

然后重新安装

$ npm install -g vue-cli

# 如果出现access权限错误，请使用sudo命令

$ sudo npm install -g vue-cli