AngularJS 1.x

Learn how to use Sentry's AngularJS integration if you're using AngularJS 1.x.

If you're using AngularJS 1.x, you can use Sentry's AngularJS integration.

Install @sentry/browser and @sentry/integrations using yarn or npm:

Copied
npm install --save @sentry/browser@6 @sentry/integrations@6

and afterwards using it like this:

Copied
import angular from 'angular';
import * as Sentry from '@sentry/browser';
import {Angular as AngularIntegration} from '@sentry/integrations';

// Make sure to call Sentry.init after importing AngularJS.
// You can also pass {angular: AngularInstance} to the Integrations.Angular() constructor.
Sentry.init({
  dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',
  integrations: [new AngularIntegration()],
});

// Finally require ngSentry as a dependency in your application module.
angular.module('yourApplicationModule', ['ngSentry']);

If you're using the CDN version of the SDK, Sentry provides a standalone file for every integration:

Copied
<script
  src="https://browser.sentry-cdn.com/6.19.7/bundle.min.js"
  integrity="sha384-KXjn4K+AYjp1cparCXazrB+5HKdi69IUYz8glD3ySH3fnDgMX3Wg6VTMvXUGr4KB"
  crossorigin="anonymous"
></script>

<!-- If you include the integration it will be available under Sentry.Integrations.Angular -->
<script
  src="https://browser.sentry-cdn.com/6.19.7/angular.min.js"
  crossorigin="anonymous"
></script>

<script>
  Sentry.init({
    dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',
    integrations: [new Sentry.Integrations.Angular()],
  });
</script>
Help improve this content
Our documentation is open source and available on GitHub. Your contributions are welcome, whether fixing a typo (drat!) or suggesting an update ("yeah, this would be better").