【发布时间】：2016-11-10 10:52:59
【问题描述】：
如何在 Chrome 中调试 TypeScript 代码而不是 JavaScript 代码？
我只是从一开始就找到了一种每次手动执行此操作的方法。我使用 WebStorm 11 在 Angular2 中编写代码。
【问题讨论】：
标签： javascript typescript angular google-chrome-devtools webstorm
【发布时间】：2016-11-10 10:52:59
【问题描述】：
您需要让您的转译器生成 .map 文件。
【讨论】：
正如 Adrian 所说，您的转译器需要生成地图信息，也可以将其生成到 js 输出文件中，而不是单独的 .map 文件中。
您可能会遇到的一个问题是，在 lambda 函数（又名箭头函数）中，您将无法在 chrome 和 WebStorm 中看到您的变量。
但是，WebStorm 中有一个设置允许您在 WebStorm 调试器中正确查看您的 this. 变量：
转到Help，Find Action，输入“注册表”。
在注册表中检查js.debugger.map.this.by.source.code
【讨论】：