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

Question

我正在使用 Sass 并想使用@use关键字而不是@import. 因为，@import有很多错误的问题。也只有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 *;

根据官方文档。