Reagieren und Typoskript mit Webpack-Tippfehler

9

Ich versuche eine asyncComponent Komponente höherer Ordnung mit TypeScript zu erstellen, aber ich kann die Typen nicht richtig finden.

Dies funktioniert im Wesentlichen in JS mit Webpack ...

%Vor%

My asyncComponent ist eine Funktion höherer Ordnung, die Folgendes ausführt ...

%Vor%

Aber ich bekomme einen Fehler beim Kompilieren ...

%Vor%

Irgendwelche Ideen?

    
jcreamer898 28.04.2017, 16:15
quelle

2 Antworten

2

Ihr Beispiel kompiliert ohne Fehler in TypeScript zuletzt:

Mehr

  • Aktualisierung auf typescript@next
basarat 18.05.2017 23:57
quelle
2

Ich werde mein Bestes versuchen zu erklären, was schiefgelaufen ist und wie es in der neuesten Version von typescript gelöst wurde.

Grund:

Der Grund für die Änderung des Verhaltens ist, dass in 2.3, Ähnlich wie Objekt-Literalausdruck, der das Frische-Flag enthält, JSXAttributes auch Typ-Check sind (das bedeutet, dass überzählige Eigenschaften nicht erlaubt sind)

Vorgeschlagene Lösung: - Siehe Referenzlink

  1. Enthält nur explizit Attribute - & gt; keine übermäßigen Eigenschaften erlaubt
  2. Spread-Attribute enthalten (auch mit expliziten Attributen) - & gt; 1. Überprüfen Sie die Zuweisbarkeit des Typs (erlauben Sie die Zugriffseigenschaften) 2. für jeden Explizite Attribute prüfen, ob der Attributname mit dem Ziel übereinstimmt Name.

Dieses Problem wird scheinbar in 2.3.3, der neuesten stabilen Version und 2.4.0 Dev ebenfalls gelöst.

Verwenden Sie npm install typescript@next für die nightly build , die 2.4.0 dev ist, oder aktualisieren Sie die Typoskript-Version auf die letzte stabile Version (2.3.3)

Referenz: Issue Tracker

    
Keshan Nageswaran 24.05.2017 18:06
quelle

Tags und Links