Igniteui-Angular pkg - 15.0.2 - sass errors in Samples Browser DV

[mddifilippo89]

https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext/samples/charts/sparkline/grid

ERRORS:

./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\igniteui-angular\lib\core\styles\themes_core.scss 7:1 @forward
igniteui-angular_index.scss 1:1 @use
src\styles.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\igniteui-angular\lib\core\styles\themes_core.scss 7:1 @forward
igniteui-angular_index.scss 1:1 @use
src\styles.scss 1:1 root stylesheet

• igniteui-angular version: 15.0.2
• browser: chromium

Steps to reproduce

1 Run sparkline/grid sample with (PR) updates

https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext/samples/charts/sparkline/grid

IgniteUI/igniteui-angular-examples#37

Result

See above

Expected result

no errors

[gmurray81]

guessing you may just need to npm install igniteui-theming?

[mddifilippo89]

Its still occurring and not documented or in the changelog,

https://github.com/igniteui/igniteui-angular/blob/master/CHANGELOG.md

See attachment
grid.zip

[simeonoff]

Have you followed the Update Guide? You have to ensure you have this section in your angular.json file:

    "build": {
      "options": {
        "stylePreprocessorOptions": {
            "includePaths": ["node_modules"]
        }
      }
    }

[mddifilippo89]

@simeonoff Thanks!

but it doesn't appear that is even mentioned in the upgrade guide
eg.
https://update.angular.io/?l=3&v=14.0-15.0

Where did you read about this requirement?

[kdinev]

@mddifilippo89 Hi Mike! The info is in our product's update guide: https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/update-guide#from-142x-to-150x

[kdinev]

I am reopening the issue, because an angular.json migration can be included in the product. Also the igniteui-cli setup should include this in the CLI project angular.json, if it doesn't already. @Lipata @wnvko

[lalo-mx]

Have you followed the Update Guide? You have to ensure you have this section in your angular.json file:

    "build": {
      "options": {
        "stylePreprocessorOptions": {
            "includePaths": ["node_modules"]
        }
      }
    }

I have an strange behavior after that change (["node_modules"]) that any change to SCSS files is not applied on project build(Still using an older version of the file).
After deleting the .angular folder, the changes are applied. I don't think it's an igniteui-angular issue, but have you encountered these kind of issues?

[kdinev]

@lalo-mx Hmm, haven't seen this. @simeonoff have you experienced anything like this?

[simeonoff]

@kdinev I don't think I have.

[gmurray81]

@lalo-mx do you mean editing the sass under node_modules? Or in the project src area?

[lalo-mx]

@lalo-mx do you mean editing the sass under node_modules? Or in the project src area?

In the project src area

[Lipata]

@kdinev, you are correct that migration for ng update is missing. For 15.0.0 we've added such functionality for ng add schematic - you will get the stylePreprocessorOptions config in the angular.json. The same is valid for the CLI - it is already there.

[kdinev]

@Lipata OK, let's provide the migration with the next patch. But don't make it for 15.0.0, because for people who have already migrated to 15.0.0, it wouldn't execute.