Question

我想在Angular 2 Component中使用FitVids JQuery插件。我试图在jquery.d.ts文件中的JQuery接口中添加fitVids函数，但是我收到错误。我正在使用打字稿。谢谢大家！

我使用了GitHub上的这个jquery.d.ts文件。我将其修改为：

[...]
    queue(queueName: string, callback: Function): JQuery;
    fitVids(selector?: any, opts?: any): JQuery;
}
declare module "jquery" {
    export = $;
}
declare var jQuery: JQueryStatic;
declare var fitVids: JQueryStatic;

我得到的错误是：

EXCEPTION: EXCEPTION: Error during instantiation of Articolo!.
ORIGINAL EXCEPTION: TypeError: jQuery(...).fitVids is not a function

Answer 1

您遇到的问题来自编译时和运行时

之间的区别

通过将fitvids添加到.d.ts文件，您正在为编译时

正确设置方法的定义

然而，在运行时，您的应用程序正在寻找该定义的实现，但它无法找到。

您需要将fitvids的.js文件添加到index.html页面

<script src="path/to/fitvids.js"></script>

在Anglular 2组件中使用FitVids JQuery插件

1 个答案: