我不能在 Create React App + node-sass setup 的 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 文档，它会说（截至 2020 年 5 月 16 日）：

目前只有 Dart Sass 支持 @use。其他实现的用户必须改用 @import 规则。

Answer 2

我刚刚安装了“sass”而不是“node-sass”并且它起作用了。