如何在 WebStorm Node.js 远程调试中调试 TypeScript？

Question

我有一个在 Docker 容器内运行的 TypeScript Node.js Restify 应用程序。 我可以连接WebStorm Node.js Remote Debugger，但是我只能调试编译后的JS文件，不能调试TS文件。

在tsconfig.json我有"sourceMap": true设置。

有什么我想念的吗？

Answer 1

我找到了一个使用ts-node的解决方案，您应该执行几个步骤。

首先，您必须将"esModuleInterop": true和"sourceMap": true到您的 tsconfig.json

配置文件

{
  "compilerOptions": {
    "module": "commonjs",
    "esModuleInterop": true,
    "target": "es6",
    "moduleResolution": "node",
    "sourceMap": true,
    "outDir": "dist"
  },
  "lib": ["es2015"]
}

之后，您应该安装 ts-node 包。

npm i -D ts-node

最后一步是添加编辑 WebStorm 的运行/调试配置。

转到运行/调试配置窗口。

使用+添加新的 Node.js 配置。

将Node parameters更改为--require ts-node/register

然后，将 Javascript 文件更改为您的 Typescript 文件，对我来说是： src/app.ts

按确定按钮。

将此配置作为 dubug 运行。

Answer 2

您使用什么运行配置 - Node.js Remote ？ 与sourcemaps远程调试仅当源内联工作（ inlineSources=true在tsconfig.json）

Answer 3

我遇到了类似的问题，@lena 的回答对我也不起作用，但我通过将"inlineSourceMap": true添加到我的 tsconfig.json 的compilerOptions中解决了这个问题。