Adding BugSplat to your Angular application requires only a few steps. Before getting any further please check out the live demo of BugSplat’s Angular error reporting tool.
To collect errors and crashes in your Angular application, run the following command in terminal or cmd at the root of your project to install bugsplat-ng:
Import BugSplatErrorHandler and BugSplatConfiguration into your app module from bugsplat-ng:
Add a provider for ErrorHandler with the useClass property set to BugSplatErrorHandler:
In your app module, add a provider for BugSplatConfiguration with the useValue property set to an instance of your BugSplat configuration:
Import the HttpClient module from @angular/common/http and add it to your module’s imports:
Throw a new error in your application to test the bugsplat-ng integration:
Navigate to the Crashes page in BugSplat and you should see a new crash report for the application you just configured. Click the link in the Id column to see details about your crash on the Individual Crash page:
You can post additional information to BugSplat by creating a wrapper around the BugSplat object. To do so, create a new class that implements Angular’s ErrorHandler interface. In the handlerError method make a call to BugSplat.post passing it the error object:
BugSplat provides the following properties and methods that allow you to customize its functionality:
In your app module, update the useClass property in your ErrorHandler provider to the name of the class you just created:
BugSplat loves open source software! If you have suggestions on how we can improve this integration, please reach out to firstname.lastname@example.org, create an issue in our GitHub repo or send us a pull request.