告诉Chrome调试js而不是ts

Telling Chrome to debug js rather than ts

本文关键字：ts js Chrome 调试 告诉      更新时间：2023-09-26
默认情况下

（希望这不是唯一的选择），当我有 ts 文件时，Chrome 只允许我调试 ts 代码。即它确实向我显示了 ts 和 js 文件的内容，但是当我尝试在 js 文件中放置断点时，它会立即将我传输到 ts 文件并将断点定位在正确的位置。

如何告诉 Chrome 调试 js 文件而不是 ts 文件？

由于您无法控制 TS 编译设置，因此您可以在 Chrome 中同时禁用 JavaScript 源映射。

加载开发者工具（Chrome 菜单>更多工具>开发者工具），然后加载开发者工具设置（开发者工具菜单>设置），找到"启用 JavaScript 源映射"的设置并将其禁用。

如果您处于开发模式，则在 TypeScript 和转译的 JavaScript 之间应该有源映射。为了进行调试，您需要在 DevTools 中的 TypeScript 代码上放置断点，因为这是您编写它的代码。调试您编写的代码是有意义的。

如果只想调试 JavaScript，请在部署模式（无源映射）下运行应用程序，并在生成的 JavaScript 代码上设置断点。

我假设你正在使用tsc进行编译。

如果是这样，有一个简单的参数可以告诉tsc不要创建源映射，因此不包括 # sourceMappingURL=... 指令：

tsc --sourceMap false
相关文章：