/deep/属性在vscode中报错

最新推荐文章于 2024-07-20 05:57:02 发布
最新推荐文章于 2024-07-20 05:57:02 发布
阅读量1.6k 收藏 2
点赞数 3
分类专栏： 日常报错 文章标签： vscode vue Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45804142/article/details/129207384
版权
在Vue的较高版本中，/deep/属性修饰符已不再推荐使用，导致VSCode报错。两种解决办法是将其更改为`::v-deep`或使用`:deep()`。这两种方法都可以避免IDE的错误提示并正确应用深度选择器。
摘要由CSDN通过智能技术生成

在vue项目中使用/deep/属性修饰样式时，vscode报错 应为@规则或选择器。

按网上一些网友提供的解决方法，是因为Vue版本较高，该属性用法有修改。

第一种解决方法：可改为::v-deep

第二种解决方法：可改为:deep( )，

庄周的大鱼
关注
专栏目录
六、报[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.”
张先森的博客
10-09 1569
vben报[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead.”的warning
解决Vue Scss中/deep/无效问题
News777的博客
04-25 4118
问题 Syntax Error: SassError: expected selector. ╷ 850 │ /deep/ .el-table__body{ │ ^ 解决 在vue中，深度选择器>>>,/deep/和::v-deep都是>>>的别名，在scss中不识别/deep/, 可以使用::v-deep
/deep/在vs code 中报错
li1095470578的博客
01-26 557
把>>> 或者/deep/ 改成::deep空格
vscode中使用/deep/报错解决
NanChen的博客
01-03 1363
点击设置，搜索CSS>Lint:Empty Rules更改为ignor即可
vue项目使用deep语法报错并且无法启动项目最佳最完美解决方案
m0_67401055的博客
03-09 1万+
vue项目使用/deep/语法报错 最近使用vue创建后台管理系统，在改变饿了么组件样式时，使用/deep/样式穿透 压根不生效，而且终端还会报错，之前可是可以随便用/deep/的，一下子就给整懵逼了~，先来看看报错信息长啥样： 然后当你去各种百度会发现遇到同样问题的人还挺多，而且绝大多数出现的时间都是在2020年期间开始很多人出现这类问题： 然后最多的答案无非就是使用::v-/deep/ 来替换/deep/，确实有效，但是会不能使用scss嵌套写法的问题，不然样式嵌套的子元素样式不会生效如图： 所以只能
vscode使用/deep/报错
DoubleClick的博客
12-01 2214
使用/deep/在vscode中报语法错误，报红 在拉取别人的项目时会遇到/deep/在vscode中报语法错误，但是项目可以运行，我们不好修改。可以通过修改vscode的配置文件解决问题 CSS>Lint:Empty Rules 然后就没有红色波浪线了，不再报错 ...
vscode中使用/deep/报错解决方案
NanChen的博客
01-03 6899
通常在使用vscode添加样式/deep/时会有个红色波浪线，虽然没有错误，但是让我们在视觉上比较反感，解决方案有两种方案。 第一种就是在网上所说的用外层用div来包裹/deep/ 效果也可以实现 第二种就是可以使用::v-deep也可以实现 效果如下： ...
修改插件样式使用/deep/在vscode中报语法错误
weixin_46948416的博客
07-02 2658
话不多说，上图 看看这满屏的红色，太恶心了有木有~ 很奇怪，一样的代码，只有在vscode中才报错，在webStorm中就没事，虽然报错了样式还是依然生效的。 换个写法： ::v-deep 改成这个写法编辑器不报错了，我的页面样式却不对了...而且我是用css写的，没用less scss，放弃~ 鼠标放到deep上看一下，编辑器把它解析成了标签。emmm 有问题 要是/deep/不写在最前面呢？ 变成了这个样子，编辑器也没大面积标红了~ 这个问题不算解决了，先记录一下，等以后有..
使用/deep/报错
weixin_43937400的博客
01-27 7004
解决方案：将/deep/ 改成 ::v-deep /deep/作为深度作用选择器，在开发中也是常常用到的，尤其在引用ui框架去改原生的样式颇多。我这里用的vue-cli3编译后发生的错误，改成::v-deep就好了。后来百度了一下，都说::v-deep更保险并且编译速度更快。 ...
浅谈CSS中/deep/ ＞＞＞ ::v-deep属性 进行样式穿透
m0_48895571的博客
04-01 4837
浅谈CSS中/deep/ >>> ::v-deep属性 进行样式穿透
vscode中/deep/样式报错
05-10
如果在 VSCode 中出现了 `/deep/` 样式报错，可能是因为 `/deep/` 伪类已经被淘汰，不再被 CSS 规范支持，而 VSCode 中的 CSS linter 默认启用了最新的 CSS 规范。可以尝试将 `/deep/` 替换成新的伪类，如 `::ng-...
scoped和/deep/深层选择器原理及问题解决:vue+element-ui项目为何用深层选择器可以解决?为什么有的时候/deep/不好用?如何解决?
箜的博客
04-11 1652
style的scoped属性工作原理,深度选择器工作原理,vue+element-ui项目中使用scoped为什么element-ui组件样式不易修改,如何解决?
/deep/ 报错的问题
qq_14810897的博客
11-07 839
Syntax Error: SassError: expected selector. ╷2 │ /deep/ .el-submenu__title{ │ ^
vue项目使用/deep/语法报错并且无法启动项目最佳最完美解决方案
热门推荐
qq_45674727的博客
01-14 2万+
vue项目使用/deep/语法报错并且无法启动项目，最佳解决方式还在各种百度？找了半天也没找到答案？看我这里你就找对地方咯~~ 还在各种百度？找了半天也没找到答案？看我这里你就找对地方咯~~ 最近使用vue创建后台管理系统，在改变饿了么组件样式时，使用/deep/样式穿透 压根不生效，而且终端还会报错，之前可是可以随便用/deep/的，一下子就给整懵逼了~： 然后当你去各种百度会发现遇到同样问题的人还挺多，而且绝大多数出现的时间都是在2020年期间开始很多人出现这类问题： 然后最多的答案无非就是使用::v-
/deep/报错
月影神社
09-23 1144
经常在写样式时需要用到/deep/，有时总是报错，虽然不影响但看着属实难受（强迫症） 只要在前面就div就可以啦 希望可以帮助到大家 ☽ ...
vue项目使用deep语法报错并且无法启动项目（解决方案）
zhj1329000的博客
06-07 4276
vue使用elementui，使用/deep/穿透样式时会报错问题
vue 深度选择器/deep/报错（标红）
最新发布
自律遇到更好的自己！！
07-20 483
在vue进行页面开发过程中，为了更改组件原本的样式，写出这样的代码，会出现爆红的情况的情况：大多数的要修改元素都是在标签下的，换一下的下的写法，完美解决：
使用/deep/报错css(css-selectorexpected)
Aaron Con的博客
04-09 2720
我们在对应用的UI组件库进行样式的更改时, 通常会用到/deep/这个深度作用选择器，但是今天使用出现了个报错，尽管不影响样式，但是它在终端一直显示着报错看着就很烦躁 解决方案： 将/deep/改成 ::v-deep就能解决 ...
vscode报错
weixin_37632724的博客
12-10 1058
也是在网上找了一些解决办法，没成功，直接把node-modules整个删除，然后重新npm install，其中node-saas模块需要收到安装详见另一篇博客。然后就可以正常运行了，感觉不能联网的状态就是一会缺这，一会缺那，上一秒是好的，下一秒就不行了。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值