SassError: expected selector /deep/ (module build failed)
问题有些项目npm run serve运行时报错SassError: expected selector,指向的是 /deep/ 的问题。原因因为 /deep/ 写法会在 vue 3.0 下报错,请改用官方推荐的操作符 ::v-deep代替使用。vue 官方深度作用选择器 2.0 用的是 >>>, 而 vue 3.0 官方推荐用 伪类 :deep(), 因为某些预处理器不支持解析
·
问题
有些项目去运行时报错 SassError: expected selector
,指向的是 /deep/
的问题。
原因
因为 /deep/
写法会在 vue 3.0 下报错,请改用官方推荐的操作符 ::v-deep
代替使用。
解决方案
vue 官方深度作用选择器 2.0 用的是 >>>
, 而 vue 3.0 官方推荐用 伪类 :deep()
, 因为某些预处理器不支持解析,所以使用 /deep/
或者 ::v-deep
操作符替代。
参考 组件域内样式渲染和深度作用选择器
有些像 Sass 之类的预处理器无法正确解析
>>>
。这种情况下你可以使用/deep/
或::v-deep
操作符取而代之——两者都是>>>
的别名,同样可以正常工作。
更多推荐
已为社区贡献5条内容
所有评论(0)