使用webpack时如何在vs代码中调试typescript文件

Question

我为 nodejs 服务器使用 typescript，我还使用 webpack，然后输出位于 build 文件夹中的 server.js 文件，而不是 server.ts 旁边。 当我在launch.json 中使用server.js 时，调试器可以工作，并且当然会在捆绑的server.js 文件中命中断点。 launch.json 中的配置如下：

"name": "Nodemon Launch Server",
"type": "node",
"request": "launch",
"cwd": "${workspaceFolder}/server/build",
"runtimeExecutable": "nodemon",
"program": "${workspaceFolder}/server/build/server.js",
"console": "integratedTerminal",
"internalConsoleOptions": "neverOpen",
"outFiles": [
    "${workspaceFolder}/server/build/*.js"
]

但我想调试 ts 文件并在 typescript 代码而不是 js 上设置断点。 但是当我改变launch.json程序如下：

"program": "${workspaceFolder}/server/server.ts",

运行调试器时出现此错误：

无法启动程序“...”，因为找不到相应的 JavaScript。

如何解决这个问题以调试 ts 文件而不是 webpack 捆绑的 js 文件？

Answer 1

您应该检查的第一个是source maps 已生成。之后也许你必须设置outFiles（例如："outFiles": ["${workspaceFolder}/path-to-my-compiled-files/**/*.js"]）。