SassError: Can't find stylesheet to import.

[René Fabel]

I added sass files like describte in documentation. The apps starts with "npm start" and all works good. Styles are applied. But wenn I run the unit tests with "npm test" the following error occurs:

---------------------------------------------------------------------------------------------------------

./projects/pos-manager/src/app/shared-syncfusion/syncfusion-styles/syncfusion-styles.component.scss?ngResource - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

SassError: Can't find stylesheet to import.

  ╷

1 │ @import 'ej2-icons/styles/tailwind.scss';

  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

  ╵

  node_modules\@syncfusion\ej2-base\styles\tailwind.scss 1:9 @import

  projects\pos-manager\src\app\shared-syncfusion\syncfusion-styles\syncfusion-styles.component.scss 1:9 root stylesheet

---------------------------------------------------------------------------------------------------------

[René Fabel]

Here is a sample project. You can run "npm start" and all works, but when you run "npm test" the error occures.

Attachment: syncfusionbuttons_78258692.zip

[Gokulraj Varatharajan]

Hi René Fabel,

Greetings from Syncfusion support,

Currently, we are validating your query and we will update further details within two business days on or before 5^th May 2022.

We appreciate your patience until then.

Regards,

Gokul

[Gokulraj Varatharajan]

Hi Team,

Thanks for your patience,

We have validated your query and please add the below configuration setup in your angular.json file to resolve your reported issue at our end.

angular.json

"stylePreprocessorOptions": {

              "includePaths": ["node_modules/@syncfusion"]

 },

For your convenience, we have created a sample with this configuration which is working fine and can be downloaded and used from the following sample link.

Sample

Regards,

Gokul

[Gokulraj Varatharajan]

Hi Team,

Thanks for your patience,

We have validated your query and please add the below configuration setup in your angular.json file to resolve your reported issue at our end. It must be included in angular.json file in the “test” inside the options object.

angular.json

"stylePreprocessorOptions": {

              "includePaths": ["node_modules/@syncfusion"]

 },

For your convenience, we have created a sample with this configuration which is working fine and can be downloaded and used from the following sample link.

Sample

Regards,

Gokul