相关疑难解决方法(0)

我有一个入口文件：

@use '_mixins';
@use '_default';

现在，当我在其中使用 mixin 时，default.scss会抛出错误：

Dart Sass 失败并出现以下错误：错误：未定义的 mixin。

由于@use受到鼓励，我不明白为什么这不起作用。如果我@import像以前那样写，效果会很好：

@import '_mixins';
@import '_default';

这样一切都美好而花花公子。

我怎样才能使用@use并仍然拥有一切可用的东西？

我在 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, …