Dev-error-reporter NPM

Dev Error Reporters

Dev error handler

A tool to make errors more visible during development. The idee behind this is to have visibility and ensure errors get attended to quickly.

The error handler ensures that the same error does not get logged twice, once the error gets dismissed it will show again when it happens.

Screenshot

Demo

https://stackblitz.com/edit/dev-error-reporter?file=src/app/global-error-handler.ts

Install

npm i dev-error-reporter

Simple Usage

const errorReporter = new DevErrorHandler();
errorReporter.showError(error);

Usage Angular

@Injectable({ provideIn: 'root' })
export class GlobalErrorHandler extends ErrorHandler {
  // Creates new instance, the instance ensures errors are not shown twice until dismisses
  private errorReporter = new DevErrorHandler({
    appendToElement: 'app-root', // <-- App root as defined in index.html
  });

  handleError(error: any) {
    if (environment.showDevErrors) {
      // <-- Managed in your own code, should never show in prod
      this.errorReporter.showError(error);
    }

    // Keep default behavior
    super.handleError(error);
  }
}