VUE2旧项目重新安装依赖后@vue/compiler-sfc编译报错问题

 更新时间:2025年01月24日 14:11:47   作者:前端鲁班  
在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

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue2.0 路由不显示router-view的解决方法

    vue2.0 路由不显示router-view的解决方法

    下面小编就为大家分享一篇vue2.0 路由不显示router-view的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Vue中在data里面调用method方法的实现

    Vue中在data里面调用method方法的实现

    这篇文章主要介绍了Vue中在data里面调用method方法的实现,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • 在Vue项目中用fullcalendar制作日程表的示例代码

    在Vue项目中用fullcalendar制作日程表的示例代码

    这篇文章主要介绍了在Vue项目中用fullcalendar制作日程表,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Vue 引入AMap高德地图的实现代码

    Vue 引入AMap高德地图的实现代码

    这篇文章主要介绍了Vue 引入AMap高德地图的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • vscode下的vue文件格式化问题

    vscode下的vue文件格式化问题

    这篇文章主要介绍了vscode下的vue文件格式化问题,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • 利用Vue.js实现checkbox的全选反选效果

    利用Vue.js实现checkbox的全选反选效果

    最近用vue做了两个项目,都需要实现全选反选的功能,所以想着记录下分享给大家,方便自己或者有需要的朋友们参考讲学习,所以下面这篇文章主要介绍了利用Vue.js实现checkbox的全选反选效果,需要的朋友可以一起来学习学习。
    2017-01-01
  • vue3+ts项目中.env配置环境变量与情景配置方式

    vue3+ts项目中.env配置环境变量与情景配置方式

    本文介绍了如何在Vite中配置环境变量和不同的运行模式,环境变量文件以.env开头,仅VITE_前缀的变量会被暴露,开发模式加载.env.development,生产模式加载.env.production,NODE_ENV用于区分开发和生产环境
    2024-10-10
  • vue实现某元素吸顶或固定位置显示(监听滚动事件)

    vue实现某元素吸顶或固定位置显示(监听滚动事件)

    这篇文章主要为大家详细介绍了vue实现某元素吸顶或固定位置显示,监听滚动事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • vue3项目中各个文件的作用详细介绍

    vue3项目中各个文件的作用详细介绍

    在Vue3项目中,通常会有以下一些常见的目录和文件,下面这篇文章主要给大家介绍了关于vue3项目中各个文件的作用,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-09-09
  • vue下的@change事件的实现

    vue下的@change事件的实现

    这篇文章主要介绍了vue下的@change事件的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10

最新评论