Hi There,
I am recently upgrading my metronic theme 8.1.1 (having Angular 15) to the latest Angular version 17, but while doing that I am getting this below error after upgrading all the plugins and running the ng serve command
./src/styles.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
$color: shift-color(#009ef7, 20%) is not a color.
37: @return red($value), green($value), blue($value);
bootstrap\scss\_functions.scss 37:11 to-rgb()
node_modules\bootstrap\scss\_root.scss 87:39 @import
bootstrap\scss\bootstrap.scss 15:9 @import
src\assets\sass\core\components\components.scss 6:9 @import
src\assets\sass\style.scss 9:9 @import
src\styles.scss 2:9 root stylesheet
Hi Pranav,
One common issue after such upgrades is compatibility with Bootstrap. Make sure you're using a version of Bootstrap. Check your package.json file to ensure that the Bootstrap version is updated to the latest one. If not, update the Bootstrap version and then run npm install to install the updated dependencies. After that, restart your Angular server (ng serve) to see if the issue is resolved.