ERROR: Unterminated string token with angular 13

Hello guys im having this problem while trying to compile the stepper demo with an angular 13 version any ideas why?

It says: ./src/main.ts – Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Error: Transform failed with 1 error: /src/app/features/home-page/presentation/home-page.component.scss:17:100: ERROR: Unterminated string token

Hello Rodrigo,

Thank you for posting to Infragistics Community!

Could you please elaborate on which demo are you testing, is it any of the demos from the Stepper documentation topic? Details about your environment, such as the package.json might also be useful to identify the potential root cause of the encountered errors.

Additionally, please note that if you are testing the current demos' code directly against Angular and Ignite UI for Angular versions 13, errors are expected to occur, as since version 13 there have been changes in terms of how theming is setup, etc. More information could be found in our Update guide here.

For your convenience, I prepared this StackBlitz sample with a Stepper and version 13. It seems to be working as expected, so please feel free use it for reference on how to setup your environment.

Regarding the encountered error, there are some StackOverflow threads discussing it, so maybe they could be helpful for your specific scenario. However, I am not able to reproduce it on my side at this point.

Lastly, please, note that Ignite UI for Angular version 13 is expired an no longer receiving active support. My suggestion is to consider upgrading to any of our supported versions (14.2.x, 15.1.x) in order to take advantage of all the introduced fixes and enhancements since then.

If you require any further assistance, please, let me know.

Best regards,
Bozhidara Pachilova
Associate Software Developer