Visual studio code 使用SASS编译器时发生VS代码编译错误

抱歉，如果以前有人问过这个问题，我就是想不通。不过我对编码还不熟悉，所以这可能是一个主要因素

我正在使用最新的vs代码和Ritwick Dey live sass编译器3.0

我最近开始了一个新项目，并且一直在使用sass编译器。我已经用ATOM和方括号测试了我的代码，它们工作得很好，但是vs代码出现了以下编译错误：

Error: no mixin named breakpoint-down
        on line 61 of Users/simon/Documents/Training/Web Design/Frontend Mentor Challenges/easybank-landing-page-master/scss/_globals.scss
        from line 1 of sass/Users/simon/Documents/Training/Web Design/Frontend Mentor Challenges/easybank-landing-page-master/scss/main.scss
>>   @include breakpoint-down(medium) {

   -----------^

这种情况也发生在变量上，并且无法识别它们。当我对所有文件进行更改时，它们编译为ok并显示在main.css文件中

我加载了一个以前的项目，它确实识别了变量和mixin，但是我以相同的方式复制了所有内容，文件结构完全相同，因此我现在需要帮助

---

提前感谢。

似乎缺少mixin的文件没有包含在样式表中

所以你可以检查一下

@import'mixin'

已添加到样式表中调用mixin的文件之前

---

---

（因为本周我们有一个小评论：我不相信这是原因。但是你使用的编译器不再受支持，尽管它仍然很流行。在这两者之间有一个更快的替代方案，或者同一个编译器可以从github的另一个respirotory加载。请参阅：）

我解决了问题

编译器似乎会按照文件放置在main.scss文件中的顺序编译文件。由于我的mixin和variables文件位于底部，因此出现了错误消息并停止了导入过程，并给出了编译错误

走错路

@import "globals";
@import "header";
@import "mixins";
@import "variables";

正道

@import "mixins";
@import "variables";
@import "globals";
@import "header";

---

我希望这能帮助其他有同样问题的人。

谢谢Brebber。你的回答帮助我理解了发生的事情，并且能够解决它。