vue2⚠️警解决“::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.问题

最新推荐文章于 2024-12-18 11:35:26 发布
原创 最新推荐文章于 2024-12-18 11:35:26 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm #前端 #vue

本文解决了一个常见的Vue项目问题，即由于vue和vue-template-compiler版本不一致导致的问题。通过将两个包的版本统一并重新安装，可以有效解决该问题。

根本原因：vue和vue-template-compiler安装包版本问题；

解决方法：把vue和vue-template-compiler的版本号都改成同一个版本号（直接在package.json中改，如果不成功把node_modules、package.lock.json删除 npm cache clean --force，重新安装）。

如果版本号是"vue": "^2.6.11",这种带有^的，把^去除。然后重新安装包就行了。

yahui_zhang
关注
[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
专注于技术，分享实战经验，探索技术边界，用代码构建更美的数字世界。
02-18 8464
在Vue2中 我们经常使用 >>> 或 /deep/ 样式穿透 修改elementui里面的样式 但是Vue3中 弃用了 >>> 和 /deep/ 使用 :deep() 代替 这是在 Vue3中使用 /deep/ 给出的警告 修改为如下就可以： ...
::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)警告解决
热门推荐
weixin_50077637的博客
09-08 2万+
问题描述：vue3.0使用sass预处理器使用::v-deep深度选择器抛出警告 <style lang="scss" scoped> ::v-deep .demo{ background: yellow; } </style> 原因新的vue3.0 单文件规范中sass预处理器::v-deep写法不推荐 修改成 如下写法 <style lang="scss" scoped> :deep(.demo){ background: yellow;
vue2报错“::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.“
renovateF5的博客
08-01 1万+
原因：vue和vue-template-compiler的版本号不对 解决方法：把vue和vue-template-compiler的版本号都改成同一个版本号。如果版本号是"vue": "^2.6.11",这种带有^的，把^去除。然后重新安装包就行了。
::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
m0_58893670的博客
09-19 576
在 vue3 中使用 less 预处理器，需要更改组件的样式，使用::v-deep深度选择器之后终端弹出警告。vue3 单文件规范::v-deep写法已经被废弃了。
《Vue 警告》deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead of :d
前端技术
12-18 616
【代码】《Vue 警告》deep usage as a combinator has been deprecated. Use :deep() instead of :d。
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>. 这个提示是什么意思
最新发布
10-22
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>. ``` 是 **Vue 3（特别是使用 `<style scoped>` 时）中关于深度选择器语法变更的警告**...
] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
08-09
<think>首先，用户的问题是："Understanding and resolving deprecation warning related to ::v-deep in Vue.js 请问Vue.js ::v-deep deprecation warning - how to replace with :deep()"。翻译成中文是："理解和...
出现警告::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.
03-14
若继续使用`::v-deep`会触发警告：`[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated`[^1][^4]。 --- #### 2. **迁移到Vue 3的`:deep()`语法** - **旧写法**（弃用）： ```css ::v-...
解决：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead 的警告问题
狮子座的男孩
08-07 2万+
语言，而在使用穿透语法时，报了警告而非报错，但看着有警告就想来解决这个警告问题;根据中文的显示信息可以知道，本警告的主要问题在于。作为组合器的用法废弃，要使用。
（Vue2.x）::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
niepan990810的博客
07-29 2101
（Vue2.x）::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)
m0_60709009的博客
11-15 2954
vue3
::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.Vue3深度写法
weixin_50695881的博客
06-15 868
::v-deep usage as a combinator has been deprecated. Use :deep() instead.警告写法： 改成正确写法： 这样警告就消失了。
【Vue】问题：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)
学无止境
10-10 5111
【Vue】问题：::v-deep usage as a combinator has been deprecated. Use :deep()
vue3 ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
lyna的博客
01-21 1999
在scss中代码报如下错误： 报错代码如下： ::v-deep .el-input { border: none; } 需修改为： :deep(.el-input) { border: none; }
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead
02-11
### 替代已弃用的 `::v-deep` 使用 `:deep()` 的最佳实践 在 Vue 3 中，为了保持样式作用域的同时修改子组件内的样式，官方建议使用 `:deep()` 来代替已经被弃用的选择器 `/deep/` 和 `::v-deep`。 #### 使用场景...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值