Visual Studio Code - Sass编译器- @each不支持

Question

我试图让我的sass(与@each)编译成css。如:Visual Studio Code SASS编译器所述，ritwick原先的LIVE SASS编译器不再受支持。Glenn Marks(同名)的新作已经浮出水面，并声称已经更新:

https://github.com/glenn2223/vscode-live-sass-compiler/tree/a1b058d5b1e875efe3b1cf424abd43d40a419540

然而，在编译之后，我得到了这段SASS:

//color combinations for eachs and mixins
$colors: blood, red, melon, melon2, blue, blue2, blue3, teal, green, green, green, green4, pink, pink2, pink3, orange, orange2, yellow, yellow2, purple, lavender, lilly, brown, gray, gray2, kosmos, soviet, black
@each $color in $colors
&.color-#{$color}
.explanation-sidebar ul li a:before,
.explanation-actions .button
background: $color

下面的错误:

Compilation Error
Error: Undefined variable.
╷
6546 │         &.color-#{$color}
│                   ^^^^^^

唯一的其他编译器(Dart sass)我已经看到推荐似乎不编译我的sass也(只有scss)，所以什么是下一个最好的选择?还有人遇到过这种情况吗?

Answer 1

我通过:

1。-禁用所有扩展(dartjs, live编译器)

2。-手动安装sass:

npm install -g sass

3。-从glenn标记中只重新激活"live sass编译器"。

我仍然不明白为什么这之前没有工作。dartjs和其他扩展的奇怪行为仍然超出了我的理解，但现在，这将不得不做。

希望这将有助于在未来的人。