Debugging 想法14-调试类型脚本

我们构思了一个包含一些typescript文件的项目，并使用一个ant文件来传输它，生成匹配的js和map文件

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

对于使用IDEA调试typescript，js、ts和map文件的预期结构是什么

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

您必须为chrome安装扩展（我还允许在匿名情况下使用此扩展-chrome://extensions)还有一个名为Javascript Debugger的插件，用于Intellij Idea或Webstorm（它还需要启用Spy js和NodeJs插件）

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

---

更新：在编译typescript

时，需要调试Sourcemap文件——必须设置Sourcemap

选项。

我刚刚遇到了这个问题。然而，我不是在前端项目上工作。。但这也可能有帮助

为了在intellij中进行调试，我首先编译我的typescript文件

• 我定义了tsconfig.json
• 我使用

  tsc-ptsconfig.json

  进行编译

为了使调试工作顺利进行，我做了以下工作

• 在tsconfig.json中添加了

  “sourceMap”：true

• 我运行了编译的

  js

  文件
  ==>当我在

  ts

  文件中放置断点时，调试才起作用

如果这不能解决您的问题，请告诉我，我将调查并修改答案

---

这是我正在进行的项目，仅供参考：

我没有使用ant进行构建的经验，但是，您可以添加地图并在浏览器上进行调试。我建议看一看实际上它不工作，但我知道我看到的ts文件是chrome