如何在Chrome中调试TypeScript代码而不是JavaScript代码?

时间:2016-07-07 23:53:27

标签: javascript typescript angular google-chrome-devtools webstorm

如何在Chrome中调试TypeScript代码而不是JavaScript代码?

我每次从一开始就找到了一种方法。我使用WebStorm 11在Angular2中编写代码。

2 个答案:

答案 0 :(得分:5)

您需要让您的转换器生成.map文件。

答案 1 :(得分:1)

正如Adrian所说,你的浏览器需要生成地图信息,也可以生成js输出文件而不是单独的.map文件。

您可能遇到的一个问题是,在lambda函数(也就是箭头函数)中,您无法在chrome和WebStorm中看到您的变量。 但是,WebStorm中有一个设置允许您在WebStorm调试器中正确查看this.变量:

转到HelpFind Action,输入“注册表”。 在注册表中检查js.debugger.map.this.by.source.code