Javascript Sass:使用@use和@forward时的模块循环
在myJavascript 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-
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。现在又开始工作了。