找不到名字'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

您需要为之前未定义的打字稿应用程序中的任何类定义输入。

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

的内容

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

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