Jquery ui 在使用jquery和jqueryui将代码移植到Angular2的过程中，I don'；我看不到可拖动的特性？为什么？

我已安装：

npm install jquery --save
npm install jqueryui --save
npm install @types/jquery --save
npm install npm install @types/jqueryui --save

在源文件中：

import $ from 'jquery';
import 'jquery-ui';

但仍在代码中：

public setupDragDrop(....) {
  $('span.task_header')
    .filter(function (index: number, ele: any) {
      ...
      return true;
    })
    .draggable(
      {
         ...
      });

 }

我只看到TS2339:类型“jQuery”上不存在属性“draggable”。 很明显，我仍然不知道如何正确地将jqueryui添加到typescript中，因为jqueryui扩展了jquery接口，我相信上面的方法应该可以正常工作

我到处寻找，但由于typescript变化如此之大，我能找到的解决方案似乎已经过时了。任何帮助都将不胜感激

--更新--- 因此，我将上面“jquery ui”的导入更改为 从“jquery ui”导入$ui

而守则的目的是：

public setupDragDrop(....) {
  $ui('span.task_header')
    .filter(function (index: number, ele: any) {
      ...
      return true;
    })
    .draggable(
      {
         ...
      });

 }

这似乎很有效。。。。而且似乎很合理。。。 有什么想法吗？这样做对吗？为什么这是必要的