SyntaxError:SassError:expectedselector报错的解决方案

今天在写Vue项目的时候&＃xff0c;在写样式的时候突然遇到了这么一个报错&＃xff1a;

因为写样式的时候&＃xff0c;我在 标签中写了scoped 属性&＃xff0c;这样导致我写的样式不能够传递给子组件&＃xff0c;所以我写了一个 /deep/ 想要使用样式穿透&＃xff0c;让子组件匹配上这个样式&＃xff0c;但是不行&＃xff0c;报了图片中的这个错误&＃xff1b;

后来通过查资料发现&＃xff0c;原来是我写的 /deep/ 出了问题&＃xff1b;

如果使用 less 对 css 做出预处理的话&＃xff0c;使用 /deep/ 就可以完成样式穿透的行为&＃xff1b;

但是我使用的 scss 对 css 做出的预处理&＃xff0c;所以不能够使用 /deep/ 而应该使用 ::v-deep 才对&＃xff0c;于是我便用 ::v-deep 替换了 /deep/ 就解决了这个问题。