为什么 node-sass 在 \" @include corners\" 之后抛出“无效的 CSS：预期 \"}\"，是 \".rounded;\""答案

【问题标题】：Why is node-sass throwing "Invalid CSS after \" @include corners\": expected \"}\", was \".rounded;\""为什么 node-sass 在 \" @include corners\" 之后抛出“无效的 CSS：预期 \"}\"，是 \".rounded;\""
【发布时间】：2020-03-15 17:53:48
【问题描述】：

根据示例provided here，我创建了一个包含以下文件的项目...

// _corners.scss
$-radius: 3px;

@mixin rounded {
  border-radius: $-radius;
}

// style.scss
@use "./corners";
.button {
  @include corners.rounded;
}

但是当我使用 node-sass 运行它时...

./node_modules/.bin/node-sass src/components/test/style.scss dist/output.css --include-path node_modules

我明白了……

{
  "status": 1,
  "file": "/.../web/ui/src/components/test/style.scss",
  "line": 4,
  "column": 12,
  "message": "Invalid CSS after \"  @include corners\": expected \"}\", was \".rounded;\"",
  "formatted": "Error: Invalid CSS after \"  @include corners\": expected \"}\", was \".rounded;\"\n        on line 4 of src/components/test/style.scss\n>>   @include corners.rounded;\n\n   -----------^\n"
}

我错过了什么？我也尝试过 sass 版本，但都没有工作

【问题讨论】：

标签： sass node-sass

【解决方案1】：

基于 libsas 的 Node-sass 目前不支持 @use 语法，只有 dart-sass 支持 https://sass-lang.com/documentation/at-rules/use

【讨论】：