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

Question

.class{
  color:#333;
}

.ex-class{
 @extend .class;
}

显示错误:

".ex-class" failed to extend ".class"
The selector ".class" was not found.
This will be an error in future releases of Sass
Use "@extend .class !optional" if the extend should be able to fail

---

是什么让我陷入困境，Sass 在我系统上的所有其他 git Repos 上编译得很好，我尝试通过更改 Sass 版本，我的团队成员在这个 Sass 和相同版本上工作正常。

Answer 1

@extend 警告在 Sass 3.2.0 中引入:

Any @extend that doesn't match any selectors in the document will now print a warning. These warnings will become errors in future versions of Sass. This will help protect against typos and make it clearer why broken styles aren't working.

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

Sass will now throw an error when an @extend that has no effect is used. The !optional flag may be used to avoid this behavior for a single @extend.

请注意，@extend 在 Sass 历史(3.1.13、3.2.5、3.2.6、3.2.8 和 3.2.9)，尤其是当它与媒体查询一起使用时。我建议您和您的团队至少使用 Sass v3.3.0。

如果您的代码是“照原样”编写的，则不应有任何错误/警告。如果您使用的是 @import，或者如果该 block 全部/部分写入媒体查询中，则可能有问题。