无法识别Scss混合蛋白

Scss/Sass新增功能

我正在尝试使用mixin动态构造媒体查询。我这样做更多的是为了测试稍后在特定的module.scss文件中传递变量，但是我得到了一个奇怪的错误

这是我的混音代码：

@mixin breakPoint($length){
    @media (max-width: $length){
        @content;
    }
}

在mod文件中，我尝试编写如下内容：

.header-fixedWidth
    {
        height: inherit;
        width: 853px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;

        @include breakPoint(916px)
        {
            width: 90vw;
        }
    }

但是，当我保存/处理文件时，会出现以下错误：错误没有名为break backtrace的mixin:../[…]”

当我检查mixin.css页面时，没有记录任何内容，因此我无法通过某些内容，我只是不知道是什么

这是我的整体风格页面，以防我也遗漏了一些东西：

@import "Mods/_base";
@import "Mods/_headerAndNav";
@import "Mods/_mainContent";
@import "Mods/_mixins";

---

要使用任何

mixin

您需要确保您的mixin文件已经加载，因此如果您在

\u maincontent

中使用mixin，给定您的整个SASS文件，它将给出一个错误，请执行以下操作：

@import "Mods/base",
        "Mods/mixins",
        "Mods/headerAndNav",
        "Mods/mainContent";

或

在使用任何mixin之前，请确保您的

“Mods/_mixin”

文件已加载。

@import "Mods/mixins",
        "Mods/base",
        "Mods/headerAndNav",
        "Mods/mainContent";