SASS error
Hi,
I've this error when run server
error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss
Syntax Error: SassError: Undefined variable.
â•·
142 │ values: $utilities-border-colors
│ ^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_utilities.scss 142:15 @import
src/assets/sass/_init.scss 19:9 @import
src/assets/sass/plugins.scss 13:9 @import
src/App.vue 8:9 root stylesheet
My configuration is:
Node v16.16.0
Npm 8.11.0
How can I solve?
Thanks
Replies (6)
Hi,
Could you please specify which Metronic version are you using?
Hi,
Is there a solution here? I am facing the same exact issue
Metroinc version : 8.0.34
Did you find a solution?
Did you find a solution?
Just add the lines below to the '_metronic/assets/sass/init.scss'. the order is important.
// Bootstrap initializaton
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/maps";
@import "~bootstrap/scss/mixins";
@import "~bootstrap/scss/utilities";
@import "~bootstrap/scss/helpers";
@import "~bootstrap/scss/utilities/api";
Please help ..... SassError: Undefined variable.
