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