Sergio Salami Posts - Answer Overflow

Sergio Salami

•Created by Sergio Salami on 1/29/2024 in #front-end

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

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?

2 replies

KPCKevin Powell - Community

•Created by Sergio Salami on 4/9/2023 in #front-end

Charts with JavaScript

7 replies

Gaming

Programming