显示错误 - 在SASS中扩展类时无法扩展

Question

.class{
  color:#333;
}

.ex-class{
 @extend .class;
}

显示错误:

".ex-class"无法扩展".class"
未找到选择器".class". 如果扩展应该能够失败,那么在
Sass的
使用"@extend .class!optional"的 未来版本中这将是一个错误

---

是什么让我遇到麻烦,Sass在我的系统上的所有其他git Repos上编译得很好,我尝试通过更改Sass版本,我的团队成员可以正常使用这个Sass和相同的版本.

Answer 1

@extend警告在Sass 3.2.0(changelog)中引入:

任何与文档中的任何选择器都不匹配的@extend现在将打印警告.这些警告将在未来版本的Sass中出现错误.这将有助于防止打字错误,并使更清晰的样式无法正常工作.

在Sass 3.3.0中,它停止警告用户,只是抛出一个错误:

当使用无效的@extend时,Sass现在会抛出错误.!optional标志可用于避免单个@extend的此行为.

请注意,@extendSass历史记录(3.1.13,3.2.5,3.2.6,3.2.8和3.2.9)中有许多错误修复,特别是当它与媒体查询一起使用时.我建议你和你的团队至少使用Sass v3.3.0.

如果您的代码"按原样"编写,则不应出现任何错误/警告.如果您正在使用3.3.0,或者该块完全/部分写入媒体查询,则可能存在问题.