找不到名称“Draggabilly”。在 Angular 2 打字稿中

Question

  ngOnInit() {
jQuery(function() {
            var $grid = jQuery('.grid').packery({
                itemSelector: '.grid-item',
                columnWidth: 100,
                rowHeight: 100,
            });

        // make all grid-items draggable
        $grid.find('.grid-item').each(function(i, gridItem) {
            var draggie = new Draggabilly(gridItem);
            // bind drag events to Packery
            $grid.packery('bindDraggabillyEvents', draggie);
        });

    });

}

我正在尝试使用 packery 插件应用可拖动组件，但出现错误：找不到名称“Draggabilly”。

Answer 1

您需要为您在 typescript 应用程序中使用的任何类定义类型，这些类之前没有定义。

因此，对于您的情况，您需要导入 Draggabilly typings 之类的内容

然后转到您的 tsconfig.json 并将其路径放入 files 属性：

"files": [
    "./src/yourTyppingsFolder/draggabilly.ts"
]