我无法在 Create React App + node-sass 设置中的 sass 文件中使用 @use

Question

在我的 src/styles/variables.scss 文件中，我定义了 $primary-color: #171b42;。

我想在我的 src/components/LandingPage/LandingPage.module.scss 文件中使用这个变量。

在这个文件中，我有：

@use "../../styles/variables.scss" as v;

$color: v.$primary-color;

.heading {
  color: $color;
}

我收到这个错误：

SassError: Invalid CSS after "$color: v": expected expression (e.g. 1px, bold), was ".$primary-color;"

我做错了什么？我已经 node-sass 安装了

Answer 1

我刚刚运行遇到了同样的问题。如果您密切关注 Sass documentation，它表示（截至 2020 年 5 月 16 日）：

Only Dart Sass currently supports @use. Users of other implementations must use the @import rule instead.

Answer 2

我刚刚安装了 'sass' 而不是 'node-sass' 并且成功了。

I can't use @use in sass file in Create React App + node-sass setup