Argument des Typs 'string' kann nicht dem Parameter '{[key: string] zugewiesen werden: any;}

Question

Ich erhalte den folgenden Fehler in der Typoskript-Datei, wenn ich versuche, einen Click-Event-Handler wie unten gezeigt anzufügen,

Argument vom Typ 'String' ist zu Parameter des Typs nicht belegbar ‚{ [key: string]: any;}

ich habe jQuery 2.1.4 und jQuery. TypeScript.DefinitelyTyped 3.0.4 in meinem ASP.NET konfiguriert Internetanwendung.

Edit:

Meine Typoskript Datei zur Abholung in der Lage, die Definitionsdatei, wie unten gezeigt,

in meinem JQuery.d.ts, sehe ich die folgenden Überlastungen,

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; 

Was vermisse ich? Jeder Hinweis/Vorschlag wird sehr geschätzt.

Answer 1

Es gibt ein kleines Problem in jquery.d.ts Datei. Statt 'on' hat die Datei jquery.d.ts 'eins' (siehe Bild unten). Durch das Ändern wurde das Problem behoben.

Answer 2

jquery.TypeScript.DefinitelyTyped 3.0.

Bitte beenden Sie die Verwendung von nuget für TypeScript-Typdefinitionen.

Beste Lösung:

Einfach herunterladen und schließen Sie diese Datei in Ihrem Projekt: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/jquery/jquery.d.ts

Mehr

• Überprüfen Sie, ob Sie auf Typoskript sind neueste

Answer 3

Nach dem jquery.d.ts Für die Funktion on stehen folgende Typisierungen zur Verfügung:

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; 

Nun, da Sie die Umsetzung der Funktion die folgende Art und Weise

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

Entweder ist die dritte oder die vierte Eingabe von on wird angewendet erhalten, die das erste Element erfordern von { [key: string]: any; } Typ sein. Was Sie tun müssen, ist einen Selektor bereitzustellen, auf den die Klickfunktion angewendet werden muss. So, hier sind Ihre Möglichkeiten:

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

Die Sache, die Sie gefehlt haben, ist, dass, wenn zusammen mit dem Ereignistyp die on-Funktion und der Event-Handler müssen Sie auch die DOMElement angeben, auf dem der Hörer angebracht werden soll,

Answer 4

Ich hatte das gleiche Problem. Keine der vorgeschlagenen Lösungen in den Antworten und Kommentaren hat es für mich gelöst.

Es stellte sich heraus, dass die Unterschrift meines Eventhandler nicht den Typ JQueryEventObject für das erste Argument und damit die erste Überlastung nicht angewendet wurde angegeben haben.

gegen

Answer 5

https://stackoverflow.com/questions/46862920 hat bereits die Antwort:

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