在scss文件中的@use上使用VSCode警告

Question

我有一个看起来像这样的scss文件

@use "colors";

.content {
    color: colors.$text;
}

使用我当前的sass版本（我使用的是dart-sass版本v1.23.7），可以正常编译

但是VSCode在问题面板中显示了3个看起来像这样的问题

似乎我需要做一些事情来更新所使用的scss的基础版本，但是我无法终生确定该设置在哪里？

这些错误之一的详细信息是：

{
    "resource": "Untitled-1",
    "owner": "_generated_diagnostic_collection_name_#0",
    "code": "css-ruleorselectorexpected",
    "severity": 8,
    "message": "at-rule or selector expected",
    "source": "scss",
    "startLineNumber": 5,
    "startColumn": 1,
    "endLineNumber": 5,
    "endColumn": 2
}

Answer 1

此扩展名scss modules似乎可以解决该问题，直到将新语法合并到vscode中为止。

跟踪https://github.com/microsoft/vscode/issues/81943

---

更新：v1.41添加了对scss模块的支持。参见https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_41.md#sass-modules-support

  

Sass模块支持

     

Sass最近推出了一个新的模块系统。

     

我们添加了语法突出显示支持以及语言功能   支持SCSS文件中的SASS模块。语言功能包括：

     

  
• 自动完成@use和@forward
  
• @use和@forward路径的路径完成
  
• 自动完成SASS内置模块，例如sass：math和sass：color
  
• @use和@forward导入路径的文档链接