使用远程调试器在 WebStorm 中调试 TypeScript

标签 debugging typescript webstorm

我无法对 WebStorm 中的 TypeScript 文件进行远程调试。我目前使用的是 WebStorm 6.0、TS 编译器 0.8.3 和 Chrome JetBrains 插件 0.5.7。

出于调试目的,我使用的服务器是一个简单的 python 服务器,使用命令 -m http.server 在我的本地计算机上与源文件位于同一目录中运行。

当我在编译原始 TypeScript 文件所生成的已编译 JS 文件上放置断点时,WebStorm 打开正确的远程 TypeScript 文件,但处于只读模式(因此至少 JS 文件的远程调试正在工作,并且.js.map 文件)。

当尝试将断点直接放置在原始 TypeScript 文件中时,就会出现问题,因为调试器根本不会触发。

我无法在 WebStorm 中设置远程文件 URL,因为调试器中的“脚本”选项卡仅列出 JS 文件。

最佳答案

我通过设置整个项目的远程目录而不是单个文件解决了这个问题。

WebStorm settings

关于使用远程调试器在 WebStorm 中调试 TypeScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15448144/

相关文章:

git - WebStorm/PhpStorm + Git 集成 : "Same" vs "Latest" repository version

ios - 应用程序因 EXC_BAD_INSTRUCTION (SIGILL) 崩溃?

c - 如何从 C 扩展打印值?

javascript - Eclipse 无法找到安装路径 Node Native

typescript - 如何正确实现策略设计模式

typescript - 如何从 TypeScript 中的泛型部分构建目标对象?

pointers - Goland 调试器的问题

angular - 在'@ angular/cdk/table中找不到Angular 9如何修复导出 'CDK_TABLE'

terminal - 如何从终端打开网络 Storm

javascript - 在 WebStorm 中通过断言的测试失败