VUE2旧项目重新安装依赖后@vue/compiler-sfc编译报错问题
作者：前端鲁班
在VUE2旧项目中重新安装依赖后,如果遇到@vue/compiler-sfc编译报错,首先需要检查package.json文件中的Vue版本是否升级到2.7版本,2.7版本的编译插件不再支持/deep/这种样式穿透,版本^和~的区别在于^只能锁住第一位数
VUE2旧项目重新安装依赖后@vue/compiler-sfc编译报错
首先要看下你项目里 package.json是不是升到2.7版本了。
2.7版本的
模板编译那个插件不在支持 /deep/这种样式穿透了
这个时候会有另一个小知识点。版本^跟~的区别
这是我的项目里对应的版本。
这时候我重新安装依赖，npm会自动给我升级到最新的版本了
"vue": "^2.6.11", "vue-template-compiler": "^2.6.11",
^ 只能锁住第一位数，^3.1.4，最新版本如果升级到了3.2，在没有lock文件的情况下，会自动下载3.2版本的，只会下载最新，不会往低版本下载
~ 锁住前两位，原理同上
版本锁定方案
- package.json中固定版本
- npm+package-lock.json
- yarn+yarn-lock.json
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。