相关疑难解决方法(0)

我在 VS Code 中使用Live Sass Compiler v3.0.0 ，每当我使用@use规则从另一个文件导入变量时，它都会引发编译错误。但是，当我使用 Sass 命令行界面 ( sass --watch) 编译我的文件时，它不会抛出任何错误。

因此，我想问一下这是由于我的代码中的语法错误还是Live Sass编译器的错误引起的。

重现步骤

文件结构和代码

这是我在 VS Code 中打开的文件夹的文件结构sass-test：

sass-test
|   style.scss
|   _variables.scss

样式.scss

sass-test
|   style.scss
|   _variables.scss

_变量.scss

@use "variables";

html {
  color: variables.$primaryColor;
}

Live Sass 编译器输出

style.scss在 VS Code 中的新选项卡中打开。然后，单击窗口右下角的“Watch Sass”按钮。Live Sass 编译器会输出以下错误：

Compiling Sass/Scss Files: 
d:\Web Development\sass-test\style.scss
--------------------
Compilation Error
Error: Invalid CSS after "  color: variables": expected expression (e.g. 1px, …