SassError: expected selector /deep/ (module build failed)

问题

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

原因

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

解决方案

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

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

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