告诉Chrome调试js而不是ts

时间:2016-07-06 11:48:40

标签: javascript google-chrome typescript google-chrome-devtools web-developer-toolbar

默认情况下(希望它不是唯一的选项)当我有ts文件时,Chrome只允许我调试ts代码。即它确实向我展示了ts和js文件的内容,但是当我尝试在js文件中放置一个断点时,它立即将我转移到ts文件并在正确的位置找到断点。 / p>

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

3 个答案:

答案 0 :(得分:24)

由于您无法控制TS编辑设置,因此您可以在Chrome中一起禁用JavaScript源地图。

加载开发者工具(Chrome菜单>更多工具>开发人员工具),然后加载开发人员工具设置(开发者工具菜单>设置),找到"启用JavaScript源地图"并禁用它。

答案 1 :(得分:3)

如果您处于开发模式,则应该在TypeScript和已转换的JavaScript之间进行源映射。对于调试,您可以在DevTools中的TypeScript代码上放置断点,因为这是您编写的代码。调试您编写的代码是有意义的。

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

答案 2 :(得分:0)

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

如果是这样,有一个简单的参数会告诉tsc不创建源映射,因此不包含# sourceMappingURL=...指令:

tsc --sourceMap false