[Bug] SassError: Undefined mixin.
RameshW1 opened this issue · 6 comments
Version
Angular 12
Reproduction link
Operating System
Mac
Device
mac
Browser & Version
Safari 15.2
Steps to reproduce
I am implementing this material dashboard in our project while implementing compile time error is coming like this below.
Could you please help me out on this issue?
./src/assets/scss/material-dashboard.scss - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined mixin.
╷
7 │ ┌ @include hover {
8 │ │ color: $color;
9 │ │ background-color: $focus-background;
10 │ │ border-color: $focus-border;
11 │ └ }
What is expected?
Need to resolve this issue
What is actually happening?
While compelling itself it is coming this error.
Solution
Additional comments
Hi @RameshW1,
Thank you for working with our products.
Did you modify something to the product? Also, what version of node are you using?
Thank you,
Rares
Hi @rarestoma ,
Thank you for your support.
Yes. I am integrating this design to my project while integrating I am getting this error.
In package.json I have added all the library and I have added the css files also in the "assets" folder.
Node Version: v14.17.6
Same issue here.
Tried everything at hand but couldn't resolve.
Can anyone help with this?
Experiencing exact same issue with Angular 16 under Node v18. Has anyone found a solution for it yet?