bugsnag-angular

Bugsnag: Angular

A bugsnag-js plugin for Angular.

This package enables you to integrate Bugsnag's error reporting with an Angular (v2+) application at a detailed level. It provides an implementation of the @angular/core ErrorHandler which you can use to capture and report unhandled errors in your app.

Reported errors will contain useful debugging info from Angular's internals, such as the component and context.

Installation

npm i --save bugsnag-js bugsnag-angular
# or
yarn add bugsnag-js bugsnag-angular

Usage

In your the root of your angular app, typically app.module.ts:

// Import bugsnag-js and bugsnag-angular
import BugsnagErrorHandler from 'bugsnag-angular'
import bugsnag from 'bugsnag-js'

// configure Bugsnag ASAP, before any other imports
const bugsnagClient = bugsnag('API_KEY')

// create a factory which will return the bugsnag error handler
export function errorHandlerFactory() {
  return new BugsnagErrorHandler(bugsnagClient)
}

import { ErrorHandler, NgModule } from '@angular/core'
// ... other imports omitted for brevity

@NgModule({
  /* Pass the BugsnagErrorHandler class along to the providers for your module */
  providers: [ { provide: ErrorHandler, useFactory: errorHandlerFactory } ]
  /* other properties passed to the decorator omitted for brevity */
})

See the example for more info.

Support

• Check out the documentation
• Search open and closed issues for similar problems
• Report a bug or request a feature

License

The Bugsnag JS library and official plugins are free software released under the MIT License. See LICENSE.txt for details.

Changelog

2.0.1 (30-04-2018)

Fixed

• Angular v4 support. We now use ngc version 4 to compile the built assets. The v5 compiler output was not backwards-compatible with v4 apps. v4 compiler assets are compatible with v4 and v5 apps.