问题描述
前端项目 npm install 后执行npm run serve产生如下报错 This may cause things to work incorrectly. Make sure to use the same version for both.:
Module build failed: Error:
Vue packages version mismatch:
- [email protected]
- [email protected]
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
@ ./src/router.js 24:15-48
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080&sockPath=/sockjs-node (webpack)/hot/dev-server ./src/main.js
原因分析:
出现上述报错主要是因为 [email protected] 和 [email protected] 版本不统一
解决方案:
首先,要使用版本统一的 vue 和 vue-template-compiler,需要注意
的是:在 package.json 文件中的依赖 dependencies 如果想要 2.7.8 版本的 vue,在版本号前面不要加 ^
符号(如:“vue”: “^2.7.8”),否则会自动在库里找 "2.7."系列最高的版本,正确的指定格式应该如下:
"dependencies": {
...
"vue": "2.7.8"
...
}
然后,需要删除 node_models
文件夹和 package-lock.json
文件,重新 npm install
然后再 npm run serve
就不会报如上错误了。