Angular4找不到Jquery-UI函数

Question

我已经安装了Jquery和Jquery-ui

npm install --save jquery jquery-ui

这些文件位于node_modules目录中。我有一个声明Jquery的组件

declare var $: JQueryStatic;

我的jquery函数工作正常，但jquery-ui函数却不能。

$('some-div').dropdown(); // works
$('window').draggable(); // draggable is not recognized as a function

因此，显然我对jquery-ui的包含是不正确的。我尝试在我的.angular-cli.json页面中包含许多不同的内容，但均未成功。

我在.angular-cli文件中尝试过的事情：

...
"scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/jquery-ui/ui/widgets/draggable.js",
    "../node_modules/jquery-ui/ui/draggable.js",
]

我尝试直接导入到组件中，但是这给定义$ ui带来了问题。我也得到了未定义的错误。

我看过npm jquery-ui和Jquery-
ui升级指南

有什么想法我要去哪里吗？

Answer 1

在angular-cli.json中定义jquery-ui的解决方案（避免在index.html中添加它）是：

1：导入jquery-ui-dist

    npm install jquery jquery-ui-dist

2：在angular-cli.json中添加脚本

    "scripts": [
       "../node_modules/jquery/dist/jquery.min.js",
       "../node_modules/jquery-ui-dist/jquery-ui.js"
    ],