Sass Error: Module loop: this module is already being loaded.
Error in plugin "sass"Message: scss/main/tools/functions/_gutter.scssError: Module loop: this module is already being loaded. ┌──> scss/main/tools/functions/_gutter.scss2 │ @use "../../abstracts" as *; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ new load ╵ ┌──> scss/main/base/fonts/_index.scss2 │ @use "../../abstracts"; │ ━━━━━━━━━━━━━━━━━━━━━━ original load ╵scss/main/tools/functions/_gutter.scss 2:1 @forwardscss/main/tools/functions/_index.scss 3:1 @forwardscss/main/tools/_index.scss 1:1 @usescss/main/abstracts/_colors.scss 2:1 @forwardscss/main/abstracts/_index.scss 1:1 @usescss/main/base/fonts/_index.scss 2:1 @usescss/main/base/_index.scss 1:1 @usescss/main/default.scss 1:1 root stylesheet
Error in plugin "sass"Message: scss/main/tools/functions/_gutter.scssError: Module loop: this module is already being loaded. ┌──> scss/main/tools/functions/_gutter.scss2 │ @use "../../abstracts" as *; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ new load ╵ ┌──> scss/main/base/fonts/_index.scss2 │ @use "../../abstracts"; │ ━━━━━━━━━━━━━━━━━━━━━━ original load ╵scss/main/tools/functions/_gutter.scss 2:1 @forwardscss/main/tools/functions/_index.scss 3:1 @forwardscss/main/tools/_index.scss 1:1 @usescss/main/abstracts/_colors.scss 2:1 @forwardscss/main/abstracts/_index.scss 1:1 @usescss/main/base/fonts/_index.scss 2:1 @usescss/main/base/_index.scss 1:1 @usescss/main/default.scss 1:1 root stylesheet
- default.scss <--
@use "base";
@use "base";
; - base/_index.scss <--
@use "fonts";
@use "fonts";
- fonts/_index.scss <--
@use "../../abstracts";
@use "../../abstracts";
- tools/_index.scss <--
@forward "functions";
@forward "functions";
- functions/_index.scss <--
@forward "gutter";
@forward "gutter";
- _gutter.scss <--
@use "../../abstracts" as *;
@use "../../abstracts" as *;
- folder "abstracts" contains variables and settings of all sorts (e.g. breakpoints, colors, globals, spacings, typography, etc.) - folder "tools" contains functions and mixins (possibly require variables defined in abstracts) - both abstracts and tools will be used project wide (e.g. accessing color variables or use breakpoint mixin in sass components) - folder "base" contains styles for pure html elements (e.g. html, body, ul, h1, etc.)
I need to access variables from abstracts in multiple places. Also, I want to access variables within abstractions itself like use variable x in abstraction a from abstraction b.
How does this work without running into the module loop problem?