Simply reporting. Tested solution locally which works. Later I will make an MR if nobody beats me to it.

Problem/Motivation

Error when compiling:

ERROR in ./src/scss/main.style.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined variable.
    ╷
142 │       values: $utilities-border-colors

Steps to reproduce

npm run dev

Proposed resolution

Need to @import "~bootstrap/scss/maps"; (that's where $utilities-border-colors is defined) before @import "~bootstrap/scss/utilities";.

https://github.com/twbs/bootstrap/issues/36785#issuecomment-1189969247

Issue fork radix-3299647

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

alexverb created an issue. See original summary.

alexverb’s picture

alexverb commented
Title: SassError: Undefined variable due to missing import for » SassError: Undefined variable due to missing import for maps

alexverb opened merge request !39

alexverb’s picture

alexverb commented

Merge request created. I just have to double check if updating my subtheme to latest dev solves the issue. Because it has been a while since it was updated.

doxigo’s picture

doxigo commented

@Alex Thanks a lot for the MR, could you check with the latest dev first? I guess I did fix this, if not I'll take another look and merge this

alexverb’s picture

alexverb commented
Status: Active » Closed (cannot reproduce)

Tested package.json and scss from latest dev and there is no more issue. Closing ticket.

danchadwick closed merge request !39