砌体布局不是构造函数错误

Question

大家好，大家在我的 Angular Web 应用程序中遇到了砌体错误，想知道我做错了什么。任何帮助将不胜感激。

错误：masonry_layout_1.default 不是构造函数

import Masonry from 'masonry-layout';

let grid = document.querySelector('.grid');

let msnry = new Masonry(grid, {
    itemSelector: '.grid-item',
    columnWidth: 20,
    gutter: 0
});

msnry.layout();


<div class="grid">
  <div class="grid-sizer"></div>
  <component-name></component-name>
  <component-name></component-name>
  <component-name></component-name>
  <component-name></component-name>
</div>

Answer 1

您应该使用以下方式导入砌体：

import * as Masonry from 'masonry-layout';