vue3项目开源项目运行报错::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instea...

最新推荐文章于 2024-12-25 09:38:15 发布

冰晨之露

最新推荐文章于 2024-12-25 09:38:15 发布

阅读量1k

点赞数

文章标签：前端 javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/lll19960406/article/details/128638794

版权

今天找了一个vue3.0开源项目，在运行的时候npm i报错

使用了npm i --legacy-peer-deps

根据以上安装依赖成功

在运行的时候有报错::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

原因是：的vue3.0 单文件规范::v-deep写法已经被废弃了

需要将v-deep替换成 :deep('.类名){ css }即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

冰晨之露

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead 的警告问题

狮子座的男孩

08-07

2万+

语言，而在使用穿透语法时，报了警告而非报错，但看着有警告就想来解决这个警告问题;根据中文的显示信息可以知道，本警告的主要问题在于。作为组合器的用法废弃，要使用。

::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.

编程洪同学

04-14

1728

::v-deep usage as a combinator has been deprecated. Use :deep() instead.

参与评论您还未登录，请先登录后发表或查看评论

::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)

flhhly的博客

04-10

2720

sass中样式穿透问题

::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead of ::v-deep

活宝小娜的博客

08-12

625

：v-deep的用法已被弃用。使用：deep（）代替：：v-deep。

Vue3报错 ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.

CY的博客

05-05

873

问题描述：vue3.0使用sass预处理器使用::v-deep深度选择器抛出错误。原因新的vue3.0 单文件规范::v-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-...

在vue2项目中，运行时报[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

06-21

当你在Vue 2项目中看到这样的错误提示`[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.`，它表示你在CSS选择器中使用了`::v-deep`这一组合符，这是...

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

07-27

\[@vue/compiler-sfc\] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead. 这个报错是因为在Vue 3中，::v-deep选择器作为组合器已经被弃用了，取而代之的是使用:deep(...

::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep

04-11

然而，从Vue 2.6.0版本开始，`::v-deep`作为一个组合器已经被弃用了，推荐使用`:deep(<inner-selector>)`来代替。 `:deep(<inner-selector>)`可以实现与`::v-deep`相同的效果，即选择组件内部的元素并穿透样式作用...

vue3版本升级出现的问题-CSS篇::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) in

简单Cere

08-25

779

原先用的深度选择器 deep 是已经被遗弃的写法，最好用新的写法来代替。问题报错： 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

1973

在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.Vue3深度写法

weixin_50695881的博客

06-15

837

::v-deep usage as a combinator has been deprecated. Use :deep() instead.警告写法：改成正确写法：这样警告就消失了。

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",这种带有^的，把^去除。然后重新安装包就行了。

【vue3】解决：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead 的警告

fruge365的博客

12-25

868

【vue3】解决：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead 的警告

::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;

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)

qq_44776454的博客

07-03

3699

:v-deep 知道这个指令的朋友，都知道，这个指令是一个适用于Vue 组件样式穿透指令，常用于使用第三方组件库时，个人去修改第三方组件库的默认样式。上面这个报错是以警告形式抛出，在项目打包或项目真机运行时会出现。不影响项目代码运行。作为组合指令已经被弃用了。现在新版本项目中使用::v-deep()代替。根据警告报错信息翻译，其大概意思是。

vue3.0报错::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)

weixin_43550562的博客

04-22

3293

报错的代码： ::v-deep(.el-tabs__header) { margin: 10px; } ::v-deep(.el-sub-menu .el-sub-menu__title){ color: #f4f4f5 !important; } 修改为以下方式就不会报错： :deep(.el-tabs__header) { margin: 10px; } :deep(.el-sub-menu .el-sub-menu__title){ color: #f4f4f5 !

【Vue】问题：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)

学无止境

10-10

5090

【Vue】问题：::v-deep usage as a combinator has been deprecated. Use :deep()