Angular 列表和映射的SCSS语法

发布于11月24日

我正在try 在ANGLING v16中运行以下代码.

@use "sass:map";
@use "sass:list";

list.append(10px 20px, 30px); // ERROR expectedscss(css-lcurlyexpected)
@debug list.append(10px 20px, 30px);

$font-weights: ("regular": 400, "medium": 500, "bold": 700);
map.set($font-weights, "regular", 300); // ERROR expectedscss(css-lcurlyexpected)
@debug map.set($font-weights, "regular", 300);

当我使用list.append()和map.set()时，我收到上述错误.但是，如果我使用@DEBUG，它就可以工作. 我错过了什么吗？

我在我的编辑器VSCode和终端中都收到了错误// ERROR expectedscss(css-lcurlyexpected).

此外，将此代码复制到VSCode中的新.scss文件中也会显示相同的错误.

推荐答案

您会得到这个错误，因为list.append()和map.set()都返回给定列表/映射的副本，因此期望被赋给一个变量(在@debug中不使用时).在这一点上，文档似乎有点误导，因为我没有找到任何提到它的地方，并且示例没有使用赋值.

@use "sass:map";
@use "sass:list";

$newList: list.append(10px 20px, 30px);

$font-weights: ("regular": 400, "medium": 500, "bold": 700);
$newMap: map.set($font-weights, "regular", 300);