Question

我正在尝试使用插件jquery tooltipster和Angular CLI 1.5.5，我遇到了一些困难。基本上，我的代码如下：

import * as $ from 'jquery';
import 'jquery-tooltipster/js/jquery.tooltipster.min';

...

$(this.itemRef.nativeElement).tooltipster({
  position: "bottom"
});

然后，在控制台中，我得到了

jquery.tooltipster.min.js：1未捕获的ReferenceError：jQuery不是定义

我明白这是因为“jquery-tooltipster”试图扩展“jQuery”（全局的）并且找不到它，但是后来，我不知道如何实现它。我认为我可以使用ng eject获取webpack.config文件并使用ProvidePlugin，但我不想弹出配置并使用angular-cli.json。

有没有办法让jQuery插件与ng-cli一起使用，还是必须弹出配置？

Answer 1

有几种方法可以做到这一点。您可以在index.html中的jQuery和plugin js文件中包含.angular-cli中的脚本部分，然后在您使用jQuery的代码中包含该行

declare var $ : any;

否则，您可以尝试导入jQuery类型

npm install @types/jquery --save-dev

（您可能需要扩展jQuery界面以添加插件的签名）

angular cli和jQuery插件

1 个答案: