An issue in the build process
Compilation fails after using yarn start due to a sass error in bootstrap.
Full error message is as follows:
Failed to compile.
./src/_metronic/assets/sass/style.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/_metronr/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!tronic/as./src/_metronic/assets/sass/style.scss)
SassError: $map1: default is not a map.
â•·
105 │ $utilities-text: map-merge(
│ ┌──────────────────^
106 │ │ $utilities-colors,
107 │ │ (
108 │ │ "black": to-rgb($black),
109 │ │ "white": to-rgb($white),
110 │ │ "body": to-rgb($body-color)
111 │ │ )
112 │ │ ) !default;
│ └─^
╵
node_modules\bootstrap\scss\_maps.scss 105:18 @import
node_modules\bootstrap\scss\_utilities.scss 2:9 @import
src\_metronic\assets\sass\_init.scss 19:9 @import
src\_metronic\assets\sass\style.scss 9:9 root stylesheet
Replies (2)
It works now , I had to add these lines inside _maps.scss:
$utilities-text:default;
$utilities-bg:default;
$utilities-border:default;
I would appreciate it if you can suggest a cleaner solution without having to edit the bootstrap files inside the node_modules.
Hi,
Sure, we will check it for you. Which Metronic version and framework(HTML, Angular, React, Vue, etc) are you using?
Regards.
