名前 'Draggabilly'が見つかりません。角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); 
     }); 

    }); 

} 

packeryプラグインを使用してドラッグ可能なコンポーネントを適用しようとしていますが、エラーが表示されています：「Draggabilly」という名前が見つかりません。

Answer 1

これまでに定義されていなかったタイスクリプトアプリケーション内で使用しているクラスの型を定義する必要があります。

だからあなたの場合のために、あなたはその後、あなたのtsconfig.jsonに行き、ファイル属性に、それはパスだ置くDraggabilly typings

のようなものをインポートする必要があります：

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