Как импортировать ленивый груз и изотоп с помощью модуля ES6?

Question

Я строю галерею изображений, используя изотопный макет. Я пытаюсь использовать lazy-load для предотвращения загрузки всех фотографий (сотни фотографий) (я хочу, чтобы пользователи не загружали изображения, если они не прокручивают страницу вниз). Я импортирую ленивые размеры в модуль, но получаю эту ошибку: «ленивая загрузка не является функцией».

Есть ли какие-либо предложения по этой проблеме?

Заранее спасибо:)

вот мой код:

    import $ from 'jquery';
    import Isotope from 'isotope-layout';
    import jQueryBridget from 'jquery-bridget';
    import imagesLoaded from 'imagesloaded';
    import lazySizes from 'lazysizes';
    jQueryBridget( 'isotope', Isotope, $ );
    jQueryBridget( 'imagesLoaded', imagesLoaded, $ );

    class isotopeGallrey {
     constructor() {
     this.Grid = $(".grid");
     this.itemImage = $(".grid-item img");
     this.createIsotope();
    }

    createIsotope() {
     var that = this;
     this.Grid.imagesLoaded(function() {
      that.Grid.isotope({
       columnWidth: '.grid-sizer',
       itemSelector: '.grid-item',
       containerClass: 'isotope',
       layoutMode: 'masonry',
       percentPosition: true
     });
     that.itemImage.lazyload({
      effect: 'fadeIn'
     });
     that.itemImage.trigger('scroll');
    });
   }
  }

  export default isotopeGallrey;