Chrome 开发工具失去了 TypeScript 的语法高亮显示

Posted 2023-02-21

【中文标题】Chrome 开发工具失去了 TypeScript 的语法高亮显示

【英文标题】：Chrome dev tools lose syntax highlighting for TypeScript

【发布时间】：2017-07-24 23:12:28

【问题描述】：

我不确定是否有办法解决这个问题，或者在使用映射的 TypeScript 文件时是否存在问题，但在许多情况下（较大的文件），我似乎失去了语法高亮显示。

从上图中可以看出，直到第 102 行都可以，从那时起，文件的其余部分就变成了红色。

以上来自 Ionic 2 / Angular 2 项目。

似乎在使用反引号字符串之后发生（但并不总是在使用这些之后）

这不是世界末日，但突出显示确实使其更易于阅读。还有其他人经历过这种情况，也许知道解决方法吗？

【问题讨论】：

已知问题，尚未修复，见crbug.com/659515

只要尖括号和模板字符串位于同一源文件中，该问题就会影响 javascript 扩展语言。 Flow 和 TypeScript 泛型和 JSX 表达式触发它。

【参考方案1】：

在使用 TS sourcemaps 时一直遇到这个问题。 那是铬引擎的问题，也有关于这个问题的错误报告 (link to report) 我放弃了这个并使用老式字符串连接。

【讨论】：

父错误报告在bugs.chromium.org/p/chromium/issues/detail?id=659515