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.
Discontinued support for AngularJS 1.x
From version 7 onwards, the Sentry JavaScript SDK will not support AngularJS 1.x. Please use version 6.x of the SDK if you want to use Sentry in combination with AngularJs 1.x.
In addition to capturing errors, you can monitor interactions between multiple services or applications by enabling tracing. You can also get to the root of an error or performance issue faster, by watching a video-like reproduction of a user session with session replay.
Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
Install @sentry/browser
and @sentry/integrations
using yarn
or npm
:
npm install @sentry/browser@6 @sentry/integrations@6 --save
and afterwards using it like this:
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:
<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>
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").