使用IntelliJ和Chrome调试打字稿

Question

有没有办法在（编译的）Javascript中找到导致错误的Typescript文件中的对应行？

我正在使用IntelliJ和Google Chrome。

Answer 1

您需要使用源地图支持进行编译。将创建一个.js.map文件，该文件将JavaScript文件与TypeScript源相匹配。 Chrome（以及其他所有浏览器）将能够在调试时使用它显示.ts文件。

对于命令行编译器，您可以添加--sourceMap选项（docs）以启用该选项。

---

要配置内置的编译器，遵循jetbrains.com文件的说明：

手动选择设置选项配置手动编译：

选择生成源的地图复选框可生成源代码映射，用于设置TypeScript代码中和生成的JavaScript代码中的行之间的对应关系，否则您的断点s将不会被正确识别和处理。