我在用着Live Sass 编译器 v3.0.0在我的 VS Code 中,每当我使用@use rule从另一个文件导入变量。但是,当我使用 Sass 命令行界面时(sass --watch
)编译我的文件,它会抛出没有错误.
因此,我想问一下这是由于我的代码中的语法错误还是Live Sass编译器的错误引起的。
重现步骤
文件结构和代码
这是名为的文件夹的文件结构sass-test
我在 VS Code 中打开的:
sass-test
| style.scss
| _variables.scss
样式.scss
@use "variables";
html {
color: variables.$primaryColor;
}
_变量.scss
$primaryColor: #ff0000;
Live Sass 编译器输出
Open 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, bold), was ".$primaryColor;"
on line 4 of sass/d:\Web Development\sass-test\style.scss
>> color: variables.$primaryColor;
------------------^
--------------------
Watching...
-------------------
Sass CLI 输出
打开终端并运行sass --watch style.scss:style.css
。编译器编译成功,没有任何错误:
将 style.scss 编译为 style.css。
Sass 正在观察变化。按 Ctrl-C 停止。
既然我的代码可以使用 Sass CLI 成功编译,这是否意味着我的代码在语法上是正确的并且是由 Live Sass 编译器扩展中的错误引起的?