IDEA 14 - 调试打字稿

Question

我们在Idea中有一个带有一些打字稿文件的项目,并使用一个ant文件来转换它,生成匹配的js和map文件.

当通过IDEA(html文件)调试打字稿文件中的断点不起作用时,即使存在,我们也看不到chrome中的地图文件.

使用IDEA调试typescript的js,ts和map文件的预期结构是什么？

使用chrome/firefox进行调试很好.

Answer 1

您必须安装适用于 Chrome 的Jetbrains IDE 支持扩展（我还允许在隐身模式下使用此扩展 - chrome://extensions）以及一个名为 Javascript Debugger for Intellij Idea 或 Webstorm 的插件（它还需要启用 Spy-js 和 NodeJs 插件） 。

之后，您只需右键单击项目的 .html 文件，然后单击“调试 your-html.html”

更新：调试需要Sourcemap文件，同时--sourcemap必须设置编译打字稿选项。