使用webpack时如何在vs代码中调试打字稿文件

时间:2019-11-30 11:39:42

标签: node.js typescript webpack vscode-debugger

我为nodejs服务器使用打字稿,也使用webpack,然后输出位于build文件夹而不是server.ts旁边的server.js文件。 当我在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文件并在不是js的打字稿代码上设置断点。 但是当我如下更改launch.json程序时:

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

在运行调试器时出现此错误:

  

无法启动程序'...',因为找不到相应的JavaScript。

如何解决此问题,以调试ts文件而不是webpack捆绑的js文件?

1 个答案:

答案 0 :(得分:0)

您应该检查的第一个是已生成source maps。之后,您可能需要设置outFiles(例如:"outFiles": ["${workspaceFolder}/path-to-my-compiled-files/**/*.js"])。