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

VSCode Syntax highlighting broken when using TypeScript multiline generics in ES6 object function shorthand syntax

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

@mjbvz arbeitet bereits daran.

Seit 01.12.2021.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
45/100
Issue-Typ
Bug
Klarheit
Klar beschrieben
Aktivitätsstatus
Veraltet
Tech-Stack
typescript, vscode
Bereich
developer-experience, tooling

Rechercherichtung

Reproduzieren Sie das Problem in VS Code mit dem TypeScript-Snippet und vergleichen Sie dabei das mehrzeilige Generic mit der einzeiligen Form. Untersuchen Sie anschließend die TypeScript TextMate grammar-Dateien des Repositorys, um die Regel zu finden, die die Kurzschreibweise für Objektfunktionen und mehrzeilige Generics behandelt. Als erledigt gilt die Aufgabe, wenn beide Formen eine korrekte Syntaxhervorhebung erhalten, ohne den umgebenden Funktionskörper zu beeinflussen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Does this issue occur when all extensions are disabled?: Yes

  • VS Code Version: 1.62.3
  • OS Version: macOS 11.6.1

Steps to Reproduce:

  1. Create a typescript file with the following code:
const obj = {
	fn<
		K extends string
	>(_: K) {
		const a = 'a';

		function _f() {
			const b = 'b';
			return b;
		}

		return a;
	},
};

const obj2 = {
	fn<K extends string>(_: K) {
		const a = 'a';

		function _f() {
			const b = 'b';
			return b;
		}

		return a;
	},
};
  1. Notice how the syntax highlighting is broken in the first object declaration:
image
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.