如何将 jQuery UI (jqueryui) 与 StackBlitz、TypeScript 和 NPM 一起使用答案

【问题标题】：How can I use jQuery UI (jqueryui) with StackBlitz and TypeScript and NPM如何将 jQuery UI (jqueryui) 与 StackBlitz、TypeScript 和 NPM 一起使用
【发布时间】：2019-04-12 06:51:19
【问题描述】：

我正在尝试在StackBlitz 中使用 jQuery UI。

我也尝试将其安装为依赖项，并且不带脚本标签。

我知道我必须添加 @types/jquery 和 @types/jqueryui 作为依赖项。

但是当我在 index.ts 中添加这个时

import $ from "jquery";
import "jqueryui";

我收到错误：“未定义 jQuery”

【问题讨论】：

我有点困惑，您是否设法在同一分钟内编写问题、搜索和测试解决方案并发布答案？
我研究了这个问题并找到了相关的答案。我为我的特定案例拼凑了解决方案，并认为其他人可能会欣赏组合的具体解决方案。从每个问题上突出的“回答你自己的问题”选项来看，我认为这在这里很受欢迎。我猜我错了……
@CarstenLøvboAndersen，提出并回答网站上尚不存在的问题是一个完全有效的用例，并且可以帮助其他在未来偶然发现它的人（比如我） - 谢谢 Ray！

标签： jquery typescript jquery-ui commonjs stackblitz

【解决方案1】：

这段代码似乎可以解决问题：

import $ from "jquery";
declare var global: any
global.jQuery = $;
import "jqueryui";

这里是依赖的截图：

【讨论】：