Angular with custom webpack settings hangs on build when using .scss

[Fwang36]

Environment

Angular 14.2, but issue exists in Angular 16 as well @angular-builders/custom-webpack 14.1.0 @sentry/webpack-plugin 2.4.0

Steps to Reproduce

Repro provided by user

1. npm install
2. npm run build

Expected Result

webpack plugin terminates itself after upload

Actual Result

terminal hangs forever unless force closed -

Changing all instances of scss to css and then running the build solves the issue.

1 . change filename app.component.scss to app.component.css 2. change filename styles.scss to styles.css 3. In app.component.ts, change styleUrls: ['./app.component.scss'] to styleUrls: ['./app.component.css'] 4. In angular.json, change "styles": ["src/styles.scss"], to "styles": ["src/styles.css"],

[lforst]

This seems to be related to https://github.com/getsentry/sentry-javascript-bundler-plugins/issues/345 which is a downstream issue in the unplugin package: https://github.com/unjs/unplugin/issues/323

The current plan is to move away from unplugin but it will require a fair bit of work.

[github-actions[bot]]

This issue has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you label it Status: Backlog or Status: In Progress, I will leave it alone ... forever!

---

"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀

[sebheitzmann]

+1 . We have the same pb. Any Idea ?

[lforst]

The recommended workaround for now is to use Sentry CLI instead of the webpack plugin.

[jobejas]

@lforst is there a way to use thirdPartyErrorFilterIntegration with Sentry CLI instead of webpack?

[lforst]

@jobejas No there is not but you can use the allowUrls option in Sentry.init() which achieves similar effects.

[AbhiPrasad]

Closing this issue for clean-up. Please re-open if it still applies. Thanks!