TypeScript Syntax highlighting is wrong when comments are inside type definition

未關閉

#989 建立於 2023年8月23日 1 則留言 2 個 reaction 已指派 0 人在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度: 3/5
預估耗時: 1-2 天
新手友好度: 42/100

Issue 類型: 缺陷
描述清晰度: 基本清楚
活躍度: 停滯
技術堆疊: typescript
領域: tooling

研究方向

先在此儲存庫中找到 TypeScript TextMate 文法規則，並使用報告中的 TypeScript 範例重現問題。將型別定義內註解的醒目提示與 VS Code 和 TypeScript playground 進行比較。在不破壞現有文法行為的情況下，讓受影響的案例獲得一致的醒目提示，即表示完成。

由索引模型根據 Issue 內容生成。

描述

Type: Bug

Syntax highlighting in TypeScript is wrong in cases where there are comments in the type.

type MyType =
  | null //
  | undefined;

let test:
  | null //
  | undefined;

let test2:
  | "a" //
  | null;

let a: null | "a"; //

let b: //
  null | "a";

let c: "a" | null;

let d:
  | "a" //
  | null;

let e:
  | "a" //
  | null
  | undefined;

let f:
  | "a"
  | null //
  | undefined;

let g:
  | "a"
  | null
  //
  | undefined;

type A = {
  a: null | undefined;
  b:
  | null //
  | undefined;
  c: //
  null | undefined;
  d:
  | "a" //
  | undefined
  | null //
  | true;
};

Below is a screenshot of the same code in VSCode and in the TypeScript playground. The typescript playground textmate grammar seems to handle all these cases correctly, but the VSCode one doesn't. Please note that there are some differences in the theme (property names are blue, keywords in type definitions are green), but the VSCode grammar is inconsistent with itself.

Keywords: Textmate Grammar

VS Code version: Code - Insiders 1.82.0-insider (d62534a60f7eb4280bcbee66bbd84a2e15f13765, 2023-08-10T05:33:20.243Z)
OS version: Windows_NT x64 10.0.22000
Modes:
Remote OS version: Linux x64 5.15.90.1-microsoft-standard-WSL2
Remote OS version: Linux x64 5.15.90.1-microsoft-standard-WSL2

System Info

Item	Value
CPUs	AMD Ryzen 9 5900X 12-Core Processor (24 x 4200)
GPU Status	2d_canvas: enabled canvas_oop_rasterization: enabled_on direct_rendering_display_compositor: disabled_off_ok gpu_compositing: enabled multiple_raster_threads: enabled_on opengl: enabled_on rasterization: enabled raw_draw: disabled_off_ok video_decode: enabled video_encode: enabled vulkan: disabled_off webgl: enabled webgl2: enabled webgpu: enabled
Load (avg)	undefined
Memory (System)	31.92GB (5.45GB free)
Process Argv	--crash-reporter-id 68f6fdac-c31a-432d-8c54-337698814abd
Screen Reader	no
VM	0%

Item	Value
Remote	WSL: Ubuntu
OS	Linux x64 5.15.90.1-microsoft-standard-WSL2
CPUs	AMD Ryzen 9 5900X 12-Core Processor (24 x 4200)
Memory (System)	15.58GB (5.49GB free)
VM	0%

Item	Value
Remote	WSL: Ubuntu
OS	Linux x64 5.15.90.1-microsoft-standard-WSL2
CPUs	AMD Ryzen 9 5900X 12-Core Processor (24 x 4200)
Memory (System)	15.58GB (5.49GB free)
VM	0%

Extensions: none

A/B Experiments

vsliv695:30137379
vsins829:30139715
vsliv368:30146709
vsreu685:30147344
python383cf:30185419
vspor879:30202332
vspor708:30202333
vspor363:30204092
vstes627:30244334
vslsvsres303:30308271
pythontb:30258533
vsc_aacf:30263846
pythonptprofiler:30281269
vshan820:30294714
vscod805:30301674
bridge0708:30335490
bridge0723:30353136
vsaa593:30376534
pythonvs932:30404738
py29gd2263:30784851
vsclangdf:30492506
c4g48928:30535728
dsvsc012:30540252
pynewext54:30618038
2i9eh265:30646982
showlangstatbar:30737417
24365598:30687740
pythonfmttext:30716741
fixshowwlkth:30771523
showindicator:30805243
pythongtdpath:30726887
i26e3531:30792625
gsofa:30797620
welcomedialog:30812478
pythonnosmt12:30779711
pythonidxpt:30768918
pythonnoceb:30776497
copilotsettingt:30808721
dsvsc013:30777762
dsvsc014:30777825
diffeditorv2:30786206
pythonmhint1:30815193

主要語言: TypeScript
星號: 471
分支: 149
PR 合併指標: 30 天內沒有已合併 PR

貢獻指南

這個儲存庫沒有索引到貢獻指南

從這裡開始

先讀完整個 Issue，再讀專案的貢獻指南。
在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
Fork 儲存庫，在一個分支上完成修改。
送出 Pull Request，並在描述裡引用這個 Issue 編號。

microsoft/TypeScript-TmLanguage 的其他 Issue

"import" is highlighted as a keyword in Node.js "import.meta.dirname" expression 未關閉

難度 2/5 1-3 小時新手友好度 72/100

microsoft/TypeScript-TmLanguage#1071 · 2026年5月1日建立
triste 未關閉

難度 5/5 一週以上新手友好度 5/100

microsoft/TypeScript-TmLanguage#1078 · 2026年8月3日建立
TextMate tokenizer enters incorrect scope after typeof a < "u" in JavaScript, affecting subsequent function declarations 未關閉

難度 3/5 1-2 天新手友好度 68/100

microsoft/TypeScript-TmLanguage#1076 · 6 則留言 · 2026年6月14日建立
Incorrect JSDoc markdown url syntax highlight 未關閉

難度 2/5 1-3 小時新手友好度 55/100

microsoft/TypeScript-TmLanguage#1074 · 2 則留言 · 2026年5月8日建立
typescript-basics: fix highlighting for triple-slash reference directives with preserve="true" 未關閉

難度 1/5 1-3 小時新手友好度 58/100

microsoft/TypeScript-TmLanguage#1066 · 1 則留言 · 2026年1月28日建立

查看 microsoft/TypeScript-TmLanguage 的全部 Issue

相似的 Issue

Tapping "Use video" more than once submits the verification twice 未關閉

難度 2/5 1-3 小時新手友好度 84/100

bcgov/bc-wallet-mobile#4761 · 1 則留言 · 2026年9月24日建立
fix(pg-meta): schemas.update and schemas.remove DO blocks fail when a name contains "$$" 未關閉

external-issue to-triage

難度 2/5 1-3 小時新手友好度 88/100

supabase/supabase#50882 · 2026年9月24日建立
Azure Sandboxes: Small and ExtraSmall tiers always fail to deploy (disk request exceeds tier maximum) 未關閉

area-deployment area-integrations triage:bot-seen

難度 2/5 半天新手友好度 86/100

microsoft/aspire#20459 · 1 則留言 · 2026年9月24日建立
Mobile builds drop the telemetry and crash-reporting keys, so opting in sends nothing 未關閉

難度 2/5 1-3 小時新手友好度 82/100

0xMiden/wallet#1118 · 2026年9月24日建立
[P3] Handle clipboard failures and announce copy status accessibly 未關閉

refactor

難度 2/5 1-3 小時新手友好度 84/100

nteract/semiotic#1534 · 2026年9月24日建立

更多 TypeScript Issue