SassError: expected selector错误通常由于 Sass 或 SCSS 文件中存在语法错误或选择器缺失,导致 Sass 编译器无法解析。
Sass 语法语法中误用深度选择器语法导致以上问题。
/deep/和::v-deep都是用于 Vue 单文件组件(.vue 文件)中的样式穿透选择器;
/deep/是一个用于穿透样式封装的选择器,但它在 Sass 中并不被支持,如果是在 Vue 单文件组件中,并且需要穿透样式,可以使用::v-deep代替/deep/:
SassError: expected selector 此类问题排查
-
缺少选择器:
- 确保样式规则中有选择器。
-
嵌套错误:
- 在使用嵌套时,确保嵌套的选择器是有效的。
-
拼写错误:
- 检查是否有拼写错误,尤其是在选择器和属性名称中。
-
不完整的代码:
- 确保代码块是完整的。例如,确保所有的
{}都是成对出现的。
- 确保代码块是完整的。例如,确保所有的