Live sass 编译器未加载模块

Live sass compiler not loading modules

我正在尝试在我的主样式文件中加载一个成员。

这是文件结构

File structure

这是来自 _body_style.scss

的代码
body{
    margin: 0px;
}

然后代码来自main_style.scss

@use '_body_style';

这是 main_style.css

中的输出
@use '_body_style';
/*# sourceMappingURL=main_style.css.map */

编译器没有加载模块,我在控制台中没有看到任何错误

Console output

我是否缺少任何配置或我做错了吗?我以前在另一个项目中使用过它,但我不记得有过这样的问题。

使用 Live Sass Glenn Marks 的编译器


好吧,问题是由您用于将 SASS 或 SCSS 文件编译为 CSS 文件的 Visual Studio 代码扩展引起的.

不要使用此扩展:Live Sass Ritwick Dey 的编译器

您可能正在使用 this 扩展:Ritwick Dey 的 Live Sass 编译器。它被广泛使用,但作者不再支持它。因此,SASS 版本不会更新。此扩展会产生您所描述的错误。

使用此扩展:Live Sass Glenn Marks 编译器

您应该使用 this 扩展:Glenn Marks 的 Live Sass 编译器。正如作者所说:非常感谢@ritwickdey 所做的所有工作。但是,由于他们不再维护原始作品,我已经发布了我自己的作品。 此扩展将您的 SASS 或 SCSS 文件编译为 CSS 文件成功。