Javascript Sass:使用@use和@forward时的模块循环

Javascript Sass:使用@use和@forward时的模块循环,javascript,vue.js,webpack,sass,Javascript,Vue.js,Webpack,Sass,在mystyle.scss中,我正在使用以下命令加载scss文件: @use "bootstrap/functions"; 稍后在style.scss中,我加载了另一个名为\u variables.scss的scss文件。在这个文件中,我还想使用函数文件,例如: $link-color: functions.theme-color("primary") !default; @include functions.assert-

在my
style.scss
中,我正在使用以下命令加载scss文件:

@use "bootstrap/functions";
稍后在
style.scss
中,我加载了另一个名为
\u variables.scss
的scss文件。在这个文件中,我还想使用函数文件,例如:

$link-color:                functions.theme-color("primary") !default;
@include functions.assert-ascending($grid-breakpoints, "$grid-breakpoints");
问题是我遇到了以下错误:

SassError: Module loop: this module is already being loaded.
   ┌──> src/assets/scss/bootstrap/_variables.scss
4  │ @forward "functions";
   │ ^^^^^^^^^^^^^^^^^^^^ new load
   ╵
   ┌──> src/assets/scss/style.scss
22 │ @use "bootstrap/functions";
   │ ━━━━━━━━━━━━━━━━━━━━━━━━━━ original load
   ╵
我试着用
@use
@forward
加载它,我也试着不加载它,看看它是否能在当前上下文中找到它,但没有任何效果。我做错了什么


我正在使用带有
sass加载程序的Webpack,该加载程序使用
dart-sass

,由于
@import
在2022年10月贬值,我目前也遇到了同样的问题

这是因为您正在有效地将引导/函数加载到
style.scs
中两次,一次作为自身,一次在
\u variables.scs


因为
@use
不是全局的,就像
@import
一样,它似乎会自动拒绝任何复制,抛出一个错误而不是忽略复制。

您使用过@import吗?我将所有内容都改回了import。现在又开始工作了。