在 Angular 2 组件中使用 FitVids JQuery 插件答案

【问题标题】：Using FitVids JQuery Plugin in Anglular 2 Component在 Angular 2 组件中使用 FitVids JQuery 插件
【发布时间】：2016-05-16 09:52:30
【问题描述】：

我想在 Angular 2 组件中使用 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

【问题讨论】：

请添加显示您尝试过的代码。请添加实际的错误消息。 “我收到错误”信息量不大。

标签： jquery typescript angular fitvids

【解决方案1】：

您遇到的问题来自 compiletime 和 runtime

通过将fitvids 添加到.d.ts 文件中，您将正确设置编译时间

的方法的定义

但是，在运行时，您的应用程序正在寻找该定义的实现，但找不到。

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

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

【讨论】：

感谢@SnareChops 的回答，但我已经添加了