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

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

---

从一开始，我只找到了一种每次手动操作的方法。我用WebStorm 11用Angular2编写代码。

您需要让transpiler生成.map文件。

您需要让transpiler生成.map文件。

正如Adrian所说，您的transpiler需要生成地图信息，这些信息也可以生成到js输出文件中，而不是单独的.map文件

您可能遇到的一个问题是，在lambda函数（也称为箭头函数）中，您将无法在chrome或WebStorm中看到您的变量。 但是，WebStorm中有一个设置，允许您在WebStorm调试器中正确查看

此。

变量：

转到

帮助

，

查找操作

，输入“注册表”。

---

在注册表中检查

js.debugger.map.this.by.source.code

，正如Adrian所说，您的transpiler需要生成映射信息，这些信息也可以生成到js输出文件中，而不是单独的.map文件

您可能遇到的一个问题是，在lambda函数（也称为箭头函数）中，您将无法在chrome或WebStorm中看到您的变量。 但是，WebStorm中有一个设置，允许您在WebStorm调试器中正确查看

此。

变量：

转到

帮助

，

查找操作

，输入“注册表”。 在注册表中检查

js.debugger.map.this.by.source.code

可能重复的