The following error appears after updating a simple and lean application form v14 to v15 (angular and infragistics, node JS v18):
./src/styles.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassError: Can't find stylesheet to import. ╷7 │ @use 'igniteui-theming/sass/color/functions' as color; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules\@infragistics\igniteui-angular\lib\core\styles\themes\_core.scss 7:1 @forward @infragistics\igniteui-angular\_index.scss 1:1 @use src\styles.scss 7:1 root stylesheet./src/app/home/home.component.scss?ngResource - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassError: Can't find stylesheet to import. ╷7 │ @use 'igniteui-theming/sass/color/functions' as color; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules\@infragistics\igniteui-angular\lib\core\styles\themes\_core.scss 7:1 @forward @infragistics\igniteui-angular\_index.scss 1:1 @use src\app\home\home.component.scss 1:1 root stylesheet./src/styles.scss?ngGlobalStyle - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassError: Can't find stylesheet to import. ╷7 │ @use 'igniteui-theming/sass/color/functions' as color; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules\@infragistics\igniteui-angular\lib\core\styles\themes\_core.scss 7:1 @forward @infragistics\igniteui-angular\_index.scss 1:1 @use src\styles.scss 7:1 root stylesheet
Similar Errors always appear when creating a new app from the scratch with ig new in v15 (tried on different (from the scratch) intalled environments)
Everything works fine in v14.
Has someone a helpful hint for me?
Thanks in advance!
After adding it, I am getting below error. I am upgrading Angular from 14 to 15 and ignite UI version is
It runs now.
Thanks again and have a nice day!
Hello,
Thank you for contacting Infragistics. There is a new dependency called igniteui-theming.
https://www.npmjs.com/package/igniteui-theming
I brought this very same issue on our github page and the result was to install that package along with adding the following to angular.json. A senior developer has kept the issue open because we might be able to mitigate this. Let me know if you have any questions. Feel free to update the following post below with any questions too.
https://github.com/IgniteUI/igniteui-angular/issues/12439
"build": { "options": { "stylePreprocessorOptions": { "includePaths": ["node_modules"] } } }