SASS ERROR:仅允许在规则,指令,mixin包含或其他属性中使用属性

时间:2018-02-01 08:22:29

标签: css error-handling sass

错误:     @import“./ styles / mix”;     ^           属性仅允许在规则,指令,mixin包含或其他属性中使用。

我的scss文件就像那样简单:

@import "./styles/mixins";

// There shouldn't be anything else
// Set my variables


@import "styles/variables";

@import "styles/core-style";

@include font-importer("Raleway Regular",'normal',400,"./assets/fonts/Raleway/Raleway-Regular.ttf");
@include font-importer("Raleway Bold",'normal',700,"./assets/fonts/Raleway/Raleway-Bold.ttf");
@include font-importer("Raleway Light",'normal',300,"./assets/fonts/Raleway/Raleway-Light.ttf");
@include font-importer("Raleway Medium",'normal',500,"./assets/fonts/Raleway/Raleway-Medium.ttf");

这是什么意思?我不明白Sass的错误。我不明白在哪里看。我该怎么办?

谢谢,

斯特凡。

2 个答案:

答案 0 :(得分:5)

font-importer的回报是什么?

错误说明:

  

属性仅允许在规则,指令,mixin包含,   或其他财产。

这意味着你在css选择器外面调用mixin 例如,此代码将产生相同的错误:

@mixin color() {
  color: red;
}

@include color(); // call mixin without css selector

答案 1 :(得分:0)

好的,尝试在文件名前添加下划线。这将确保它不是自己编译的,而是一次性只在main.scss文件中编译。

@import "./styles/_mixins";

看看是否有效。