javascript - 使用 IntelliJ 和 Chrome 调试 Typescript

Question

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

我正在使用 IntelliJ 和谷歌浏览器。

Answer 1

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

对于命令行编译器，您可以添加 --sourceMap 选项 ( docs ) 来启用它。

---

要配置内置编译器，请按照 jetbrains.com 中的说明进行操作文档:

Choose the Set options manually to configure compilation manually:

Select the Generate source maps check box to generate source maps that set correspondence between lines in your TypeScript code and in the generated JavaScript code, otherwise your breakpoints will not be recognised and processed correctly.