Sass @mixin与@include编译错误求助：Koala编译SCSS报错

嘿，我一眼就看出问题所在啦！你遇到的这个Koala编译错误，根源是SCSS的语法使用错误。

先看你出错的代码片段：

.danger {
  @include: important-text;
  background-color: green;
}

错误就出在这一行的@include: important-text;这里——@include后面不需要加冒号！SCSS里调用混入（mixin）的正确语法是直接在@include后跟上混入的名称，不需要额外的标点符号（如果混入不需要传参，括号也可以省略，不过加上会更规范）。

修正后的正确代码应该是这样：

@mixin important-text {
  color: red;
  font-size: 25px;
  font-weight: bold;
  border: 1px solid blue;
}
.danger {
  @include important-text;
  // 或者带括号的规范写法：@include important-text();
  background-color: green;
}

简单解释下：SCSS的编译器看到@include:的时候，它原本期望紧接着出现混入的名称（也就是标识符），结果看到了冒号，不符合语法规则，所以才抛出了Error: Invalid CSS after " @include": expected identifier, was ": important-text;"这个错误。把冒号删掉，编译器就能正确识别你要调用的混入了。

内容的提问来源于stack exchange，提问作者prototype93