2017-01-04 6 views
2

Gulpを使用してSASSを.cssファイルにコンパイルしようとしています 代わりにコンパスを使用してGulpに切り替える必要がありました。以下のmixinは私によって作られたものではなく、使用されています。ヘッダのファイルの1つがmixin bpを使用します(ブレークポイントを実行します)SASS用ノード&Gulp - スタックレベルが深すぎる

また、Gulpからsassコンパイルを実行しているときに、これらの問題が発生することがあります。必ずしも正確なスポットは再現されません。私もcssファイルを削除し、このエラーで再コンパイルしました。 CSSはまだそこにあり、動作するようでした。私は何をしますか?思考?以下は

Error in plugin 'sass'

Message: afa/scss/layout/_header-search.scss

SystemStackError: stack level too deep

   on line 41 of afa/scss/layout/_header-search.scss 

---> @include bp(min-width, $bp-medium + 1) { ---------^

ここでは、ファイル自体

// ============================================= 
// Mixin - Breakpoint 
// ============================================= 

$mq-support: true !default; 
$mq-fixed-value: 1024px !default; 

@mixin bp($feature, $value) { 
    // Set global device param 
    $media: only screen; 

    // Media queries supported 
    @if $mq-support == true { 

     @media #{$media} and ($feature: $value) { 
      @content; 
     } 

     // Media queries not supported 
    } @else { 

     @if $feature == 'min-width' { 
      @if $value <= $mq-fixed-value { 
       @content; 
      } 
     } @else if $feature == 'max-width' { 
      @if $value >= $mq-fixed-value { 
       @content; 
      } 
     } 

    } 
} 

/* 
// ---------------------------------------------- 
// Usage example: 
// For IE set $mq-support to false. 
// Set the fixed value. 
// Then use mixins to test whether styles should be applied. 
// ---------------------------------------------- 

$mq-support: false; 
$mq-fixed-value: 1024; 

// Renders at fixed value 
@include bp (min-width, 300px) { 
    div { color:#000; } 
} 

// Doesn't render without MQ support 
@include bp (min-width, 1200px) { 
    div { color:#FFF; } 
} 

// Doesn't render without MQ support 
@include bp (max-width, 300px) { 
    div { color:#444; } 
} 

// Renders at fixed value 
@include bp (max-width, 1200px) { 
    div { color:#888; } 
} 

// ---------------------------------------------- 
*/ 

からミックスインである_header-search.scssファイルから呼び出し

@include bp(min-width, $bp-medium + 1) { 

    .skip-search { 
     display: none; 
    } 

} 
+1

あなたが使っている 'sass'プラグインのバージョンは? 'npm list --depth = 0'を実行して確認することができます。最新のパッケージにアップデートすることで私のビルドでこのエラーを修正できましたが、 'gulp-sass'を使っています。 –

+0

[email protected]、[email protected]、[email protected]、[email protected] - 3.0.0を更新する必要があると思いますか? – camdixon

+0

'gulp-sass'のバージョン3.1.0で修正されました。 @Mike、 –

答えて

0

それは、このエラーが原因で発生していることが判明したのですsass-gulpパッケージの古いバージョンです。他の誰かがこの問題を抱えている場合は、バージョン3.1.0以降にアップデートしてみてください。

+0

sass-gulpまたはsass-gulp? – Rax

+0

3.1.0を使用していても同じエラーが表示されます – WIRN

関連する問題