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;
}
}
あなたが使っている 'sass'プラグインのバージョンは? 'npm list --depth = 0'を実行して確認することができます。最新のパッケージにアップデートすることで私のビルドでこのエラーを修正できましたが、 'gulp-sass'を使っています。 –
[email protected]、[email protected]、[email protected]、[email protected] - 3.0.0を更新する必要があると思いますか? – camdixon
'gulp-sass'のバージョン3.1.0で修正されました。 @Mike、 –