vue项目运行报:SassError: expected selector...

138 阅读1分钟

SassError: expected selector 错误通常由于 Sass 或 SCSS 文件中存在语法错误或选择器缺失,导致 Sass 编译器无法解析。

image.png

Sass 语法语法中误用深度选择器语法导致以上问题。

image.png

/deep/::v-deep 都是用于 Vue 单文件组件(.vue 文件)中的样式穿透选择器;

/deep/ 是一个用于穿透样式封装的选择器,但它在 Sass 中并不被支持,如果是在 Vue 单文件组件中,并且需要穿透样式,可以使用 ::v-deep 代替 /deep/

image.png

SassError: expected selector 此类问题排查
  1. 缺少选择器

    • 确保样式规则中有选择器。
  2. 嵌套错误

    • 在使用嵌套时,确保嵌套的选择器是有效的。
  3. 拼写错误

    • 检查是否有拼写错误,尤其是在选择器和属性名称中。
  4. 不完整的代码

    • 确保代码块是完整的。例如,确保所有的 {} 都是成对出现的。