Почему SASS-загрузчик Webpack не передает переменные SASS в правило линейного градиента?

Question

Я использую переменные SASS для цветов в файле .scss.Использование одной переменной в цвете: правило переносится успешно: color: $var1;... однако транспаляция Webpack (^ 4) + sass-loader (^ 7) жалуется на это правило:

background: linear-gradient(to bottom, $var1 0%, $var2 100%);

Я пробовал синтаксис интерполяции, но это не удалось:

background: linear-gradient(to bottom, #{$var1} 0%, #{$var2} 100%);

Также я попробовал миксин, тоже безуспешно:

@mixin theGradient(){
background: linear-gradient(to bottom, $var1 0%, $var2 100%);
}
.elementSelector {
@include theGradient();
}

Есть еще идеи?Спасибо

Answer 1

Я @ импортирую _colorVars.scss в мой основной scss.В моем «частичном» файле я удалил некоторые комментарии js, они были проблемой.Похоже, что «частичное» не может содержать // комментарии.