debugging - IDEA 14 - 调试 typescript

标签 debugging intellij-idea typescript

我们在 Idea 中有一个项目,其中包含一些 typescript 文件,并使用 ant 文件对其进行转译,生成匹配的 js 和 map 文件。

当通过 IDEA(html 文件)进行调试时,typescript 文件中的断点不起作用,即使存在,我们也看不到 chrome 中的 map 文件。

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

用 chrome/firefox 调试没问题。

最佳答案

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

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

更新:调试需要sourcemap文件,编译typescript时必须设置--sourcemap选项。

关于debugging - IDEA 14 - 调试 typescript ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29988084/

相关文章:

java - Java包名可以是关键字吗?

debugging - Xcode 7.3 不会附加到模拟器进行调试

android - 如何解决 "Waiting for Debugger"消息?

scala - 未找到 Play 框架 Scala 环境变量

intellij-idea - IntelliJ Idea 12 - Java 文件对于编辑器来说太大了

javascript - React 18 中 hooks 的顺序是什么?

typescript - 按字母顺序排序 TypeScript 界面键

javascript - Nestjs:将提供者注入(inject)到由关键字 new 创建的对象中

json - 在 Google Chrome DevTools 中搜索 JSON 对象

c - 如何修复段错误?