找不到名字'Draggabilly'。在Angular 2 Typescript

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); 
     }); 

    }); 

} 

我想使用包装插件应用拖动组件，但我收到错误：无法找到名称'Draggabilly'。

Answer 1

您将需要为您在打字稿应用程序内使用的以前尚未定义的任何类定义打字。

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

然后转到您的tsconfig.json，并把它的路径传递到文件属性：

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