Toastr undefined в angularjs

Я занимаюсь учебным курсом, и эта часть посвящена внедрению логина, и это должно дать баллоны об успехе входа в систему.

angular.module("app").value("mvToastr", toastr);

angular.module("app").factory("mvNotifier", function(mvToastr) {
   return {
      notify: function(msg) {
          mvToastr.success(msg);
          console.log(msg);
       }
    }
});

Я получаю это, и я не понимаю его немного. Файлы .js кажутся загруженными. Скажите, пожалуйста, где проблема, спасибо.

TypeError: Cannot call method 'extend' of undefined
   at getOptions (http://localhost:3030/vendor/toastr/toastr.js:282:14)
   at Object.success (http://localhost:3030/vendor/toastr/toastr.js:68:17)
   at Object.notify (http://localhost:3030/app/common/mvNotifier.js:6:22)
   at http://localhost:3030/app/account/mvNavBarLoginCtrl.js:8:28
   at wrappedCallback (http://localhost:3030/vendor/angular/angular.js:11033:81)
   at wrappedCallback (http://localhost:3030/vendor/angular/angular.js:11033:81)
   at http://localhost:3030/vendor/angular/angular.js:11119:26
   at Scope.$eval (http://localhost:3030/vendor/angular/angular.js:12045:28)
   at Scope.$digest (http://localhost:3030/vendor/angular/angular.js:11871:31)
   at Scope.$apply (http://localhost:3030/vendor/angular/angular.js:12151:24)

   angular.js:9503

Ответы

Ответ 1

Глядя на источники toastr, он выглядит как getOptions() вызывает метод jQuery $.extend().

Toastr принимает зависимость от jQuery, начиная с первой строки github readme:

toastr - это библиотека JavaScript для неблокирующих уведомлений. JQuery требуется. Цель состоит в том, чтобы создать простую базовую библиотеку, которая может быть настраиваемый и расширенный.

Просто включите jquery в свой основной вид html.

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

Ответ 2

У меня возникла проблема с автоматическими задачами, а затем загрузка в браузере. Я обновил синхронизацию браузера и исправил его.

Ответ 3

У меня была эта проблема, и оказалось, что Toastr нужен JQuery для работы, всегда обязательно включайте JQuery перед Toastr, например в angular.json:

            "scripts": [
              "node_modules/jquery/dist/jquery.min.js", // Make sure this comes before
              "node_modules/toastr/build/toastr.min.js", // this one
              "node_modules/bootstrap/dist/js/bootstrap.min.js"
            ]