默认情况下（希望这不是唯一的选择），当我有一个 ts 文件时，Chrome 只允许我调试 ts 代码。即它确实向我显示了 ts 和 js 文件的内容，但是当我尝试在 js 文件中放置断点时，它会立即将我转移到 ts 文件并将断点定位在正确的位置。
如何告诉 Chrome 调试 js 文件而不是 ts 文件？
问问题
8278 次
3 回答
31
由于您无法控制 TS 编译设置，因此您可以在 Chrome 中一起禁用 JavaScript 源映射。
加载开发者工具（Chrome 菜单 > 更多工具 > 开发者工具），然后加载开发者工具设置（开发者工具菜单 > 设置），找到“启用 JavaScript 源映射”的设置并将其禁用。
于 2016-07-06T22:11:49.940 回答
3
如果您处于开发模式，则应该在 TypeScript 和转译的 JavaScript 之间进行源映射。对于调试，您可以在 DevTools 中的 TypeScript 代码上放置断点，因为那是您编写它的代码。调试您编写的代码是有意义的。
如果您只想调试 JavaScript，请以部署模式（无源映射）运行应用程序，并在生成的 JavaScript 代码上设置断点。
于 2016-07-06T12:17:48.190 回答
0
我假设你正在使用tsc编译。
如果是这样，有一个简单的参数会告诉tsc不要创建源映射，因此不包含# sourceMappingURL=...指令：
tsc --sourceMap false
于 2018-04-28T14:56:23.730 回答