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"
        }
    ]
}