CSS processing errors are silent, hidden the issue from the user

Type of Issue

[X] Bug Report
[ ] Feature Request

Description

When processing CSS, SCSS etc, if there is an error, it is not displayed to the user.

https://github.com/ng-packagr/ng-packagr/blob/c2efc42591ea8f2581cb7c8d3ea16a6b9cfa526e/src/lib/styles/stylesheet-processor.ts#L71

For example, I had an invalid browser-list configuration. The real error was Unknown version 88 of edge

However, in the console I got:

✖ Compiling TypeScript sources through NGC
ERROR: my-component.component.ts:59:16 - error NG2008: Could not find stylesheet file 'my-component.component.scss'.

59   styleUrls: [ 'my-component.component.scss' ],
                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

my-component.component.ts:59:16 - error NG2008: Could not find stylesheet file 'my-component.component.scss'.

59   styleUrls: [ 'my-component.component.scss' ],
                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

The does not provide proper information, and is misleading since the SCSS file is there… which is confusing.

Expected Behaviour

Proper error shown

Version Information

ng-packagr:            12.0.0
@angular/compiler:     12.0.0
rollup:                2.48.0
typescript:            4.2.4

[Bartoszkolodziejczak]

I have similar issue. Temporary workaround is downgrade ng-packagr

[github-actions[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

_{This action has been performed automatically by a bot.}