Sass: @use 出错，未定义变量

Question

我正在使用 Sass 并且想使用 @use 关键字而不是 @import。因为，@import有很多bug。也只有dart-sass支持这个功能，我把node-sass改成了dart-sass。但是，出现了问题。

我的原码

@import '@carbon/colors/scss/colors'

dart-sass 和 @use 应用代码

@use '@carbon/colors/scss/colors'

错误：未定义的变量。

我该如何解决？

Answer 1

问题可能是 @use 为您的变量添加了一个命名空间——为了像以前一样继续使用变量（如 color: $variable 而不是 color: namespace.$variable），您需要像这样导入它：

@use '@carbon/colors/scss/colors' as *;

根据 official docs.