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

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

vue项目运行报:SassError: expected selector..._第1张图片

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

vue项目运行报:SassError: expected selector..._第2张图片

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

/deep/ 在 Sass 中并不被支持,如果是在 Vue 单文件组件中,并且需要穿透样式,可以使用 ::v-deep 代替 /deep/ :

vue项目运行报:SassError: expected selector..._第3张图片

SassError: expected selector 此类问题排查

1.  缺少选择器:

  • 确保样式规则中有选择器。

2.  嵌套错误:

  • 在使用嵌套时,确保嵌套的选择器是有效的。

3.  拼写错误:

  • 检查是否有拼写错误,尤其是在选择器和属性名称中。

4.  不完整的代码:

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

你可能感兴趣的:(前端,vue.js,webpack,css)