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

总结

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

相关文章

  • vue项目实现通过ip地址访问和localhost访问方式

    vue项目实现通过ip地址访问和localhost访问方式

    这篇文章主要介绍了vue项目实现通过ip地址访问和localhost访问方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 基于WebRTC实现音视频通话功能

    基于WebRTC实现音视频通话功能

    WebRTC作为一种开放标准的实时通信协议,能轻松实现浏览器之间的实时音视频通信,本次主要分享基于WebRTC的音视频通话技术,讲解WebRTC原理和音视频传输等关键概念,通过案例实践,带大家掌握如何搭建一个音视频通话应用,需要的朋友可以参考下
    2024-05-05
  • vue打包通过image-webpack-loader插件对图片压缩优化操作

    vue打包通过image-webpack-loader插件对图片压缩优化操作

    这篇文章主要介绍了vue打包通过image-webpack-loader插件对图片压缩优化操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • 前端Vue手机号校验以及后端Java手机号校验例子

    前端Vue手机号校验以及后端Java手机号校验例子

    接收一个输入的手机号,判断输入的手机号是否正确是一个很常见的功能,这篇文章主要给大家介绍了关于前端Vue手机号校验以及后端Java手机号校验的相关资料,需要的朋友可以参考下
    2023-11-11
  • Vue包大小优化的实现(从1.72M到94K)

    Vue包大小优化的实现(从1.72M到94K)

    这篇文章主要介绍了Vue包大小优化的实现(从1.72M到94K),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-02-02
  • 修改Vue打包后的默认文件名操作

    修改Vue打包后的默认文件名操作

    这篇文章主要介绍了修改Vue打包后的默认文件名操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • vue3实现H5表单验证组件的示例

    vue3实现H5表单验证组件的示例

    本文主要介绍了vue3实现H5表单验证组件的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • vue导出html、word和pdf的实现代码

    vue导出html、word和pdf的实现代码

    这篇文章主要介绍了vue导出html、word和pdf的实现方法,文中完成了三种文件的导出但是还有很多种方法,小编就不给大家一一列举了,需要的朋友可以参考下
    2018-07-07
  • vue插件--仿微信小程序showModel实现模态提示窗功能

    vue插件--仿微信小程序showModel实现模态提示窗功能

    这篇文章主要介绍了vue插件--仿微信小程序showModel实现模态提示窗,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • 关于vue-router路径计算问题

    关于vue-router路径计算问题

    这篇文章主要介绍了关于vue-router路径计算问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05

最新评论