Аргумент типа 'string' не присваивается параметру type '{[key: string]: any;}

Question

Я получаю следующую ошибку в файле машинописных файлов, когда пытаюсь подключить обработчик события click, как показано ниже,

Аргумент типа 'строка' не может быть назначен для параметра типа «{ [ключ: строка]: любая;}

у меня есть JQuery 2.1.4 и JQuery. ТипScript.DefinitelyTyped 3.0.4, настроенный в моем ASP.NET Веб приложение.

Edit:

Моего файл машинопись может пикап файл определение, как показано ниже,

в моем JQuery.d.ts, я вижу следующие перегрузки,

on(events: string, handler: (eventObject: JQueryEventObject, ...args: any[]) => any): JQuery; 
on(events: string, data : any, handler: (eventObject: JQueryEventObject, ...args: any[]) => any): JQuery; 
on(events: string, selector: string, handler: (eventObject: JQueryEventObject, ...eventData: any[]) => any): JQuery; 
on(events: string, selector: string, data: any, handler: (eventObject: JQueryEventObject, ...eventData: any[]) => any): JQuery; 
on(events: { [key: string]: any; }, selector?: string, data?: any): JQuery; 
on(events: { [key: string]: any; }, data?: any): JQuery; 

Что мне не хватает? Любые намеки/предложения будут очень признательны.

Answer 1

Существует небольшая проблема в jquery.d.ts файле. Вместо «on» файл jquery.d.ts имеет «один» (см. Изображение ниже). Изменение этого исправляло проблему.

Answer 2

jquery.TypeScript.DefinitelyTyped 3.0.

Пожалуйста, прекратите использование nuget для определения типа TypeScript.

Лучшее решение:

Просто скачайте и включить этот файл в вашем проекте: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/jquery/jquery.d.ts

Больше

• Убедитесь, что вы на машинопись последнее

Answer 3

Согласно jquery.d.ts для функции on доступны следующие типы:

1. on(events: string, selector: string, handler: (eventObject: JQueryEventObject, ...eventData: any[]) => any): JQuery; 
2. on(events: string, selector: string, data: any, handler: (eventObject: JQueryEventObject, ...eventData: any[]) => any): JQuery; 
3. on(events: { [key: string]: any; }, selector?: string, data?: any): JQuery; 
4. on(events: { [key: string]: any; }, data?: any): JQuery; 

Теперь, поскольку вы реализуете функцию следующим образом

$(this.elementId).on("click", changeEventHandler) 

будет получить применяется Либо третий или четвёртый типирование on, которые требуют первого элемента, чтобы быть типа { [key: string]: any; }. Что вам нужно сделать, это предоставить селектор, к которому необходимо применить функцию кликов. Так вот ваши варианты:

$(this.elementId).click(changeEventHandler) 
OR 
$(document).on("click", this.elementId, changeEventHandler) 

Дело в том, что вы пропали без вести в том, что при использовании функции on вместе с типом события и обработчик событий необходимо также указать DOMElement, на котором слушатель должен быть прикреплен

Answer 4

У меня была та же проблема. Ни одно из предлагаемых решений в ответах и ​​комментариях не решило его для меня.

Оказалось, что подпись моего событияHandler не указывает тип JQueryEventObject для первого аргумента, и поэтому первая перегрузка не была применена.

против

Answer 5

https://stackoverflow.com/questions/46862920 уже есть ответ:

$("#some-element").on("click", function(event:JQuery.Event) { 
    // code 
}