Как я могу остановить синтаксические ошибки типа «свойство не существует в типе JQuery» при использовании Typescript?

Я использую в своем приложении только одну строку jQuery:

$("div.printArea").printArea();

Но это дает мне ошибку Typescript:

Свойство printArea не существует для типа JQuery?

Может кто-нибудь сказать мне, как я могу остановить появление этой ошибки?

Вы можете преобразовать его <any>или расширить тип jquery, чтобы добавить свой собственный метод.

 (<any>$("div.printArea")).printArea();

// Или добавьте свои собственные методы (при условии, что это добавлено вами как часть настраиваемого плагина)

interface JQuery {
    printArea():void;
}

Думаю, это наиболее читаемое решение:

($("div.printArea") as any).printArea();

Вы можете транслировать его на

(<any>$('.selector') ).function();

Пример: инициализация выбора даты с использованием jquery

(<any>$('.datepicker') ).datepicker();

Для вашего примера вы бы добавили это:

interface JQuery{
    printArea():void;
}

Изменить: упс, ниже басарат правильный. Я не уверен, почему я думал, что он компилируется, но я обновил этот ответ.

Поскольку printArea - это плагин jQuery, он не включен в jquery.d.ts.

Вам необходимо создать файл определения jquery.printArea.ts.

Если вы создаете полный файл определения для подключаемого модуля, вы можете отправить его в DefinficTyped .

Вы также можете написать это так:

let elem: any;
elem = $("div.printArea");
elem.printArea();

Вы также можете использовать синтаксис игнорирования вместо обозначения (или, лучше, «как любой»):

// @ts-ignore
$("div.printArea").printArea();