jquery - Angular2 和 Typescript：错误 TS2339：“ElementFinder”类型上不存在属性“selectpicker”

Question

不幸的是，我们必须在当前项目中使用需要 jQuery 的旧库。这些的激活发生在生命周期钩子部分“ngAfterViewChecked”中。由于事实上，TypeScript 无法在正确的时间解决它，它输出错误：

错误 TS2339：类型“ElementFinder”上不存在属性“selectpicker”。

那是相关的代码块：

 ngAfterViewChecked () {
    if (this.agency) {
      //noinspection TypeScriptUnresolvedFunction
      $('.selectpicker').selectpicker();
    }
  }

我//noinspection TypeScriptUnresolvedFunction在 selectpicker 激活之前添加了该行，但它没有帮助。

我们有一个预配置的构建系统，由于这些错误，它“反弹”了我们。我怎样才能摆脱这个问题？

Answer 1

您必须扩展 jQuery 的类型定义。这意味着将 jQuery 命名空间与.d.ts定义该.selectpicker()方法的自定义合并。请参阅文档以获取帮助：

https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html

根据您的 jQuery 定义文件，这可能有效：

interface JQuery {
  selectpicker: () => void;
}