Question regarding UnhandledRejection exception when testing new configuration of Sentry v6 on Angular v8

[edgariscoding]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Self-hosted/on-premise

Which SDK are you using?

@sentry/angular

SDK Version

6.19.7

Framework Version

Angular 8.0.3

Link to Sentry event

No response

Reproduction Example/SDK Setup

Our application is Angular 8 so we have to use Sentry 6.

main.ts

// Angular imports
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import * as Sentry from "@sentry/angular";

// Environment imports
import { environment } from './environments/environment';

// Module import
import { AppModule } from './app/app.module';

Sentry.init({
  dsn: "https://a2391b5dc9c2c5d419a3e949dcf60b19@sentry.ciranet.com/3"
});

if (environment.production) {
    enableProdMode();
}

platformBrowserDynamic()
    .bootstrapModule(AppModule)
    .then((success) => console.log('Bootstrap success'))
    .catch((err) => console.error(err));

app.module.ts

Steps to Reproduce

I added a button in the UI and calling a method which throws an error.

When this is triggered, a sentry issue is created but it's shown as an Unhandled Rejection.

If i scroll down far enough i see the test error

But why does Unhandled Rejection show up first?

Expected Result

I expected the Sentry issue to show "Sentry Test Error" as the issue title.

Actual Result

What am i doing wrong?

[chargome]

@edgariscoding wild guess but is the behaviour the same when you try to exclude the MPErrorsHandler below the Sentry error handler?

[Lms24]

I Agree with Charly, It might be conflicting error handlers. Another angle: How do you throw the test error? (nevermind, I should learn to read 😅) If you scroll further down, you should see more information about the value of the promise rejection. There should be a serialized version of it in "Additinal Data", simlarly to this example:

[Lms24]

Just remembered: I don't think you can provide more than one ErrorHandler class to Angular.

People usually work around this by extending their custom ErrorHandler from another error handler. Assuming MPErrorsHandler is your own errorHandler, you can try extending Sentry's ErrorHandler class instead and reduce it to one. More details here

[edgariscoding]

Thank you @Lms24 and @chargome!

I resolved it by extending Sentry's ErrorHandler class as suggested and it worked flawlessly!