IDEA 14 - 调试打字稿

Question

我们在Idea的一个项目中使用了一些打字稿文件，并使用一个ant文件来生成匹配的js和地图文件。

当通过IDEA（html文件）进行调试时，typescript文件中的断点不起作用，即使存在，我们也不会在chrome中看到映射文件。

用IDEA调试打字稿的js，ts和map文件的预期结构是什么？

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

Answer 1

JetBrains有一个名为Debugging TypeScript的页面。这对你有帮助吗？

看来您需要告诉浏览器运行JavaScript代码，并且IDE将负责将JavaScript映射到TypeScript。

Answer 2

您必须安装Jetbrains IDE Support Chrome扩展程序（我也让无痕这个扩展 - 铬：//扩展）以及一个名为JavaScript调试器的IntelliJ IDEA的或Webstorm插件（它需要间谍js和启用插件的NodeJS也）。

之后，你只要做你的项目的.html文件右键，单击“调试-中将Html.HTML”

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

Answer 3

我刚碰到这个。然而，我不是在开展前端项目，但它可能也有帮助。

为了在intellij中调试，我首先编译我的打字稿文件。

• 我定义tsconfig.json
• 我用tsc -p tsconfig.json编译。

，使调试工作我做了以下

• 新增"sourceMap": true到tsconfig.json

• 我跑的编译js文件

  ==>调试只是工作，当我把一个断点在ts文件中。

让我知道如果这不能解决你的情况，我会调查一个修改答案。

这是我的工作，以供参考的项目：https://github.com/coder-on-deck/easy-typescript-setup