告诉 Chrome 调试 js 而不是 ts
Telling Chrome to debug js rather than ts
默认情况下（希望它不是唯一的选择）当我有一个 ts 文件时，Chrome 只允许我调试 ts 代码。即它确实显示了 ts 和 js 文件的内容，但是当我尝试在 js 文件中放置一个断点时，它立即将我转移到 ts 文件并将断点定位在正确的位置。
如何告诉 Chrome 调试 js 文件而不是 ts 文件？
如果您处于开发模式，您应该在 TypeScript 和转译的 JavaScript 之间有源映射。对于调试，您可以在 DevTools 中的 TypeScript 代码上放置断点，因为那是您编写的代码。调试您编写的代码是有意义的。
如果您只想调试 JavaScript，运行 部署模式下的应用程序（无源映射），并在生成的 JavaScript 代码上设置断点。
由于您无法控制 TS 编译设置，您可以在 Chrome.
中一起禁用 JavaScript 源映射
加载开发者工具（Chrome 菜单 > 更多工具 > 开发者工具），然后加载开发者工具设置（开发者工具菜单 > 设置），找到 "Enable JavaScript source maps" 的设置并禁用它.
我假设您正在使用 tsc 进行编译。
如果是这样，有一个简单的参数会告诉 tsc 不要创建源映射，因此不包括 # sourceMappingURL=... 指令：
tsc --sourceMap false
默认情况下（希望它不是唯一的选择）当我有一个 ts 文件时，Chrome 只允许我调试 ts 代码。即它确实显示了 ts 和 js 文件的内容，但是当我尝试在 js 文件中放置一个断点时，它立即将我转移到 ts 文件并将断点定位在正确的位置。
如何告诉 Chrome 调试 js 文件而不是 ts 文件？
如果您处于开发模式，您应该在 TypeScript 和转译的 JavaScript 之间有源映射。对于调试，您可以在 DevTools 中的 TypeScript 代码上放置断点，因为那是您编写的代码。调试您编写的代码是有意义的。
如果您只想调试 JavaScript，运行 部署模式下的应用程序（无源映射），并在生成的 JavaScript 代码上设置断点。
由于您无法控制 TS 编译设置，您可以在 Chrome.
中一起禁用 JavaScript 源映射加载开发者工具（Chrome 菜单 > 更多工具 > 开发者工具），然后加载开发者工具设置（开发者工具菜单 > 设置），找到 "Enable JavaScript source maps" 的设置并禁用它.
我假设您正在使用 tsc 进行编译。
如果是这样，有一个简单的参数会告诉 tsc 不要创建源映射，因此不包括 # sourceMappingURL=... 指令：
tsc --sourceMap false