Typescript 中的外部 JavaScript 依赖项

Question

我在这里阅读了一些关于如何在 TS 中使用外部库的文章 Q/A。根据很多建议，我将 BT 警报注册到这样的元素：

import * as $ from "jquery";
import * as bootstrap from 'bootstrap';

window["$"] = $;
window["jQuery"] = $;

$("#clientAlert").alert();

一切正常。

现在我需要为 JQuery-Ticker

做同样的事情

import * as jqueryTicker from "jquery-ticker";
$('.newsticker').ticker();

WebPack 构建失败并出现此错误：

error TS2339: Property 'ticker' does not exist on type 'JQuery'.

Answer 1

试试这个：

($(".newsticker") as any).ticker();

Answer 2

您可以将其转换为 <any> 或扩展 jquery 类型以添加您自己的方法。

 (<any>$(".newsticker")).ticker();

//或者添加你自己的自定义方法（假设这是你自己添加的作为自定义插件的一部分）

interface JQuery {
    newsticker():void;
}

或者这个

($(".newsticker") as any).ticker();

External JavaScript dependencies in Typescript