Unable to use breakpoints to debug TypeScript in Visual Studio Code.

Issue

I’m unable to debug Jest test cases written in TypeScript. Possibly just a configuration problem? What am I missing? Thanks!

Steps to reproduce

1. Install Visual Studio Code. I tested with version 1.11.2
2. Install Node.js. I tested with 7.8.0.
3. Clone the repo here
4. run npm install or yarn
5. Set breakpoint on line 6 of SystemUnderTest.spec.ts. (Just above debugger; statement)
6. Set breakpoint on line 3 of SystemUnderTest.ts. (Inside constructor).
7. Press F5 or click “Start Debugging”.

Expected Behavior

Debugger should stop…

1. On line 6 of SystemUnderTest.spec.ts.
2. On line 3 of SystemUnderTest.ts.
3. On line 7 of SystemUnderTest.spec.ts.

Actual Behavior

Debugger only stops on line 7 of SystemUnderTest.spec.ts

Additional observations

debugger statements stop in the proper location in the TS files, not in the transpiled JS, so sourcemaps are being emitted and consumed. Once stopped, VS Code debug controls (e.g. F10 to step over) work fine. VS Code reports that the breakpoints are loaded. They are not greyed out.

However, as the debugger reaches each expected breakpoint but doesn’t it it, it will begin reporting a source map problem.

The “future” breakpoint (line 8 of SystemUnderTest.spec.ts) does not report any sourcemap problem.

[zenVentzi]

Hours spent on issues like that make me proud to be a software engineer. Bill Burr + Louis C.K. and still can’t laugh as loud. I’m also going to like my own comment for the added effects

[jcgillespie]

@netpoetica Here’s mine, which I use on this project I use a separate jest config for debugging. launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Debug Tests",
            "preLaunchTask": "debugBuild",
            "program": "${workspaceRoot}\\node_modules\\jest\\bin\\jest.js",
            "args": [
                "--runInBand",
                "--config",
                "${workspaceRoot}\\config\\jest.debug.json"
            ],
            "sourceMaps": true,
            "outFiles": [
                "${workspaceRoot}/output/debug/**/*"
            ]
        }
    ]
}

tasks.json

{
    "version": "0.1.0",
    "command": "yarn",
    "isShellCommand": true,
    "suppressTaskName": true,
    "tasks": [
        {
            "taskName": "build",
            "showOutput": "never",
            "args": [
                "run",
                "build"
            ],
            "isBuildCommand": true
        },
        {
            "taskName": "debugBuild",
            "showOutput": "never",
            "args": [
                "run",
                "build:debug"
            ]
        }
    ]
}

Relevant related files are here: package.json jest.debug.json tsconfig.debug.json Hope this helps!