“[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead“前端项目报错

问题:
vue2.X版本构建或运行项目报出如下警告:
在这里插入图片描述
解释:
  /deep/穿透和>>>组合器已经被弃用,此项目版本不支持,需使用deep()来代替。
原因:
  vue项目package.json配置中,版本带了尖括号,项目更新时升级了项目依赖,拉取新代码并重新安装依赖,再打包就出现了上述问题。

"vue": "^2.6.14",
"vue-template-compiler": "^2.6.14"

解决:

  • 方式一:按照警告提示,将所有的>>> 和 /deep/ 替换为:deep()。但是对于庞大的老项目来说,改造起来有些费力不讨好。但是这种方式的确能够解决问题。
  • 方式二:将依赖还原为升级之前的版本,锁定版本,如:
"vue": "2.6.14",

  但不建议采用锁定版本方式,因为某些版本可能会有安全问题,需要进行版本升级。

  • 方式三:尝试将依赖还原为升级之前的版本,然后通过执行 npm outdated 命令,查看有哪些已经过时的依赖。过时依赖执行npm update直接进行升级。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值