🐞 bug report Affected Package The issue is caused by pack

Hi <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="

Uncaught ReferenceError: Notifier is not defined airbrake angularjs about airbrake-js HOT 1 OPEN

madhusudhanv255 commented on August 21, 2024

Uncaught ReferenceError: Notifier is not defined airbrake angularjs

from airbrake-js.

Comments (1)

thompiler commented on August 21, 2024

Hi @madhusudhanv255,

There might be an error in the instructions. Can you try accessing the Notifier through Airbrake like this?

Example hello world app with Airbrake and AngularJS 1.5.7:

`index.html`

<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta charset="utf 8">
    <title>Error Bot 2001</title>
</head>
<body>
<h1 ng-controller="HelloWorldCtrl">{{message}}</h1>
<script src="https://code.angularjs.org/1.5.7/angular.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@airbrake/browser"></script>
<script src="app.js"></script>
</body>
</html>

`app.js`

var module = angular.module("app", []);

module
  .factory('$exceptionHandler', function ($log) {
    var airbrake = new Airbrake.Notifier({ // <-------- Access notifier like this
      projectId: 1234,       // Airbrake project id
      projectKey: 'qwerty123456' // Airbrake project API key
    });

    airbrake.addFilter(function (notice) {
      notice.context.environment = 'production';
      return notice;
    });

    return function (exception, cause) {
      $log.error(exception);
      airbrake.notify({error: exception, params: {angular_cause: cause}});
    };
  });

module.controller("HelloWorldCtrl", function($scope) {
  throw new Error("Uh oh, something happened"); <---- Throw an error

  $scope.message="Hello World";
});