SCSS的Mixin無法識別

Question

新建SCSS /薩斯

我試圖用一個mixin構建在飛行媒體查詢。我正在做更多的測試，以便稍後在特定的module.scss文件中傳遞變量，但是我收到了一個奇怪的錯誤。

這裏是我的mixin代碼：

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

一旦在國防部的文件，我試圖寫類似以下內容：

.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.css頁面時，沒有什麼是日誌ged，所以我沒有通過什麼，我只是不知道。

這是我的整體風格頁的情況下，也許，我失去了一些東西有作爲：

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

Answer 1

使用任何mixin，你需要確保你的mixin文件已加載，所以如果您使用_maincontent一個mixin，給你的整體SASS文件，它會給出一個錯誤，所以做這樣的事情：

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

或者

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