问题

有些项目去运行时报错 SassError: expected selector,指向的是 /deep/ 的问题。


原因

因为 /deep/ 写法会在 vue 3.0 下报错,请改用官方推荐的操作符 ::v-deep代替使用。


解决方案

vue 官方深度作用选择器 2.0 用的是 >>>, 而 vue 3.0 官方推荐用 伪类 :deep(), 因为某些预处理器不支持解析,所以使用 /deep/ 或者 ::v-deep 操作符替代。


参考 组件域内样式渲染和深度作用选择器

有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/::v-deep 操作符取而代之——两者都是 >>> 的别名,同样可以正常工作。

Logo

前往低代码交流专区

更多推荐