为什么节点-sass会在“ \”后加上“无效的CSS” @include corners \“：预期\”} \“，已被\”。rounded; \“”

Question

根据示例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版本，但都没有用

根据此处提供的示例，我创建了一个包含以下文件的项目... // _corners.scss $ -radius：3px; @mixin四舍五入{border-radius：$ -radius; } // style.scss @use“ ./corners”; .button {...

Answer 1

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