Vscode如何调试typescript
第一步:添加tsconfig.json
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"noImplicitAny": true,
"outDir": "./dist",
"sourceMap": true // 一定要设置为true
},
"include": [
"src/**/*"
]
}
第二步:在.vscode文件夹内新建launch.json
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug TS File",
"type": "node",
"request": "launch",
"args": [
"${relativeFile}"
],
"trace": true,
"cwd": "${workspaceRoot}",
"runtimeArgs": ["-r", "ts-node/register"],
"protocol": "inspector"
}
]
}
第三步:在ts文件内打上断点,进行调试
却一直报错
为此,特意去看了下node_modules下面的typescript,发现并无该map文件
如何解决该错误呢
将launch.json
里的type
换为pwa-node
便不会报错了,如下所示
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug TS File",
"type": "pwa-node",
"request": "launch",
"args": [
"${relativeFile}"
],
"trace": true,
"cwd": "${workspaceRoot}",
"runtimeArgs": ["-r", "ts-node/register"],
"protocol": "inspector"
}
]
}