Kevin Powell - CommunityKP-C
Kevin Powell - Community•2y ago•
1 reply
Sergio Salami

Sass Error: Module loop: this module is already being loaded.

Error in plugin "sass"
Message:
    scss/main/tools/functions/_gutter.scss
Error: Module loop: this module is already being loaded.
  ┌──> scss/main/tools/functions/_gutter.scss
2 │ @use "../../abstracts" as *;
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ new load
  ╵
  ┌──> scss/main/base/fonts/_index.scss
2 │ @use "../../abstracts";
  │ ━━━━━━━━━━━━━━━━━━━━━━ original load
  ╵

scss/main/tools/functions/_gutter.scss 2:1  @forward
scss/main/tools/functions/_index.scss 3:1   @forward
scss/main/tools/_index.scss 1:1             @use
scss/main/abstracts/_colors.scss 2:1        @forward
scss/main/abstracts/_index.scss 1:1         @use
scss/main/base/fonts/_index.scss 2:1        @use
scss/main/base/_index.scss 1:1              @use
scss/main/default.scss 1:1                  root stylesheet



- default.scss <-- @use "base";;
- base/_index.scss <-- @use "fonts";
- fonts/_index.scss <-- @use "../../abstracts";

- tools/_index.scss <-- @forward "functions";
- functions/_index.scss <-- @forward "gutter";
- _gutter.scss <-- @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?
Was this page helpful?