node.js - 如何在 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

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 参数更改为--require ts-node/register

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

按确定按钮。

将此配置作为 dubug 运行。