Тостр не определен

Получение следующей ошибки в консоли разработчика при загрузке страницы:

Uncaught ReferenceError: toastr не определен

Вот содержание HTML. Может кто-нибудь объяснить мне, почему Тостр не определен?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
</head>

<body>
  <p>Toastr TEST</p>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js">
  </script>
  <script scr="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.2/js/toastr.min.js">
  </script>
  <script>
    $(document).ready(function() {
      console.log("document.ready");
      toastr.info('document.ready');
    });

    $(window).load(function() {
      console.log("window.load");
      toastr.info('window.load');
    });
  </script>
</body>

</html>

Источник

1 ответ

Решение

У вас есть атрибут src скрипта elemen, неправильно прописанный для файла toaster.js, он должен быть "src", но это "scr".

Источник
Другие вопросы по тегам