Angular Error and
Performance Monitoring

Getting started is simple

1. Grab the Sentry JavaScript SDK:

   npm install @sentry/angular

2. Configure your SDK:

   import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
   import { NgModule, ErrorHandler } from "@angular/core";
   import * as Sentry from "@sentry/angular";
   
   Sentry.init({
     dsn: "__PUBLIC_DSN__"
   });
   
   @NgModule({
     // ...
     providers: [
       {
         provide: ErrorHandler,
         useValue: Sentry.createErrorHandler({
           showDialog: true,
         }),
       },
     ],
     // ...
   })
   class AppModule {}
   
   platformBrowserDynamic()
     .bootstrapModule(AppModule)
     .then(success => console.log(`Bootstrap success`))
     .catch(err => console.error(err));

That’s it! Check out the Sentry for JavaScript and Angular integration documentation for more information.
P.S. Sentry also works with AngularJS!