ImagesLoaded is not a function why?

Question

JavaScript

Uncaught TypeError: $container.imagesLoaded is not a function

I'm trying to connect Masonry, I'm doing the lessons, all the paths are correct, but the console gives an error. I don't understand why

js

<script type="text/javascript" src="/assets/templates/site/adaptiv/libs/imagesloaded/imagesloaded.pkgd.min.js"></script>
  <script type="text/javascript" src="/assets/templates/site/adaptiv/libs/imagefill/jquery-imagefill.js"></script>
  <script type="text/javascript" src="/assets/templates/site/adaptiv/libs/masonry/masonry.pkgd.min.js"></script>
<script type="text/javascript">
  $(window).load(function(){ 
var $container = $(".masonry-container");
  $container.imagesLoaded(function () {
    $container.masonry({
      columnWidth: ".item",
    itemSelector: ".item"
  });
});
  });
</script>

HTML

<div id="container" class="masonry-container">
<div class="item">
      <img  src="/assets/galleries/102/11.jpg" alt=""> 
    </div>
<div class="item">
      <img src="/assets/galleries/102/1.jpg" alt=""> 
    </div>
</div>

Answer 1

In general, I solved the problem. it turned out there were glitches in other scripts because of this and gave an error

Answer 2

imagesLoaded now needs to be loaded separately: imagesloaded.desandro.com