VSCode在打字稿中设置断点

Question

I want to debug typescript using vscode, I tried to set breakpoints in my typescript source file. Here is my launch.json :

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${file}",
            "outFiles": [
                "${workspaceRoot}/dist/**/*.js"
            ],
            "cwd": "${workspaceRoot}",
            "sourceMaps": true,
            "console": "integratedTerminal"
        }
    ]
}

and I use gulp to watch typescript and compile them to .js . Here is tsconfig.json :

{
    "files": [
        "src/**/*.ts"
    ],
    "compilerOptions": {
        "module": "commonjs",
        "removeComments": true,
        "allowJs": true,
        "target": "es2015",
        "sourceMap": true,
        "types": [
            "node",
            "lodash"
        ]
    },
    "exclude": [
        "node_modules"
    ]
}

But when I set breakpoints in typescript file, there comes the error: cannt launch the program src/xxx.ts because corresponding JavaScript cannot be found. I have checked that gulp has compiled .ts into dist/

Answer 1

Instead of

"outFiles": [
    "${workspaceRoot}/dist/**/*.js"
],

You should use

"outDir": "${workspaceRoot}/dist"