microsoft / microsoft/TypeScript-TmLanguage

VSCode Syntax highlighting broken when using nullish coalescing operator in jsx

Offen
#908 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
471
Forks
149
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

TS and JS Grammar Extension version: 0.0.55 / latest

Not a big deal, but in vscode, syntax highlighting breaks when using nullish coalescing operator in jsx. See how the closing tags after the null coalescing operators /> change of color (white, then reddish) :

image

When the correct highlighting should be :

image

Code example:

<InfoTooltip title={tooltip ?? ''}>
  <MenuItem>
    <ListItemIcon>
      <Icon fontSize="small" />
    </ListItemIcon>
    <ListItemText primary={label ?? <Component ref={clickRef} />} />
  </MenuItem>
</InfoTooltip>

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, das JSX-Beispiel in VS Code mit der TypeScript and JavaScript Grammar Extension nachzustellen, und untersuche anschließend die TypeScript-TmLanguage-Grammatikdateien, die Ausdrücke mit nullish coalescing klassifizieren. Als erledigt gilt die Aufgabe, wenn schließende JSX-Tags nach nullish coalescing-Operatoren dieselbe korrekte Hervorhebung behalten, die im erwarteten Beispiel gezeigt wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
typescript, vscode
Bereich
tooling
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
42/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.