Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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.

Bewertung

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

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.

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>
Vorherrschende Sprache
TypeScript
Sterne
471
Forks
149
Keine gemergten PRs in 30 T.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus microsoft/TypeScript-TmLanguage

Alle Issues in microsoft/TypeScript-TmLanguage

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

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