Getting started is simple
-
Grab the Sentry JavaScript SDK:
npm install @sentry/angular
-
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!
Angular Performance Monitoring

Quickly identify performance issues and view full end-to-end distributed trace to see the exact, poor-performing API call and surface any related errors.
Angular error monitoring with complete stack traces
See the error and Angular stack trace previously only visible in your user’s debug console.
Apply source maps automatically to convert minified, compiled, or transpiled code back to its original form.
Keep your Angular source maps private by uploading them directly to Sentry.
Fill in the blanks about Angular errors
See what the app was doing when the {{ page.name }} error occurred: user interactions, AJAX requests, console log messages, and more.
See the full picture of any Angular exception
Record environment and usage details so you can recreate bugs down to the browser version, OS, and query parameters specific to your app.
Sentry’s tag distribution graph also makes it easy to isolate and prioritize any Angular 2 error by seeing how often it occurs in context.
- “How actionable is this error? Should I snooze the alert?”
- “Was the bug browser- or OS-specific? Firefox on iOS?”
- “Has an error with the same stack occurred before?”
- “How many splines were being reticulated?”
- “What was the value of the shopping cart?”
Sentry also supports your backend
Resolve Angular errors with max efficiency, not max effort
Improve workflow with a full view of releases so you can mark errors as resolved and prioritize live issues.
Learn in which version a bug first appeared, merge duplicates, and know if things regress in a future release.
Add commit data to automatically suggest an owner of each Angular error and instantly send deploy emails.
Is your data secure?
You better believe it.
Just look at all the high-quality security features all accounts get, regardless of plan.
- Two-Factor Auth
- Single Sign On support
- Organization audit log
- SOC-2 Certified
- Privacy Shield certified
- PII data scrubbing
- SSL encryption
- COPPA Compliant
Sentry tracks errors in all major languages and frameworks
See all platformsIt also integrates with your favorite apps and services





