Cannot set breakpoints in TypeScript - VS Code

Question

I am having a problem setting breakpoints in my TypeScript nodejs app in Visual Studio Code. I have followed the instructions on the Visual Studio Code site without success.

Here is my tasks.json:

{
    "version": "0.1.0",
    "command": "tsc",
    "isShellCommand": true,
    "showOutput": "always",
    "args": ["-p", "src"],
    "problemMatcher": "$tsc"
}

and here is my tsconfig.json:

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false
    },
    "exclude": [
        "node_modules"
    ]
}

It appears as if the source maps are being generated; however attempting to put a breakpoint in any TypeScript file results in a grey circle...what gives? What am I missing?

pyrho · Accepted Answer · 2016-01-29 18:49:34Z

2

You also need to tell VSCode to use sourceMaps, in your launch.json file (which should be located under .vscode/launch.json), you should have something like:

    "configurations": [
    {
        "name": "Launch",
        "type": "node",
        "request": "launch",
        "program": "path/to/your/main.ts",
        "stopOnEntry": false,
        "args": [],
        "cwd": ".",
        "runtimeExecutable": null,
        "runtimeArgs": [
            "--nolazy"
        ],
        "env": {
            "NODE_ENV": "development"
        },
        "externalConsole": false,
        "sourceMaps": true
    },

Hope this helps.

answered Jan 29, 2016 at 18:49

pyrho

5227 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yuhuan Jiang · Accepted Answer · 2017-03-07 00:48:53Z

2

You need to provide the source maps for VS Code to pinpoint the line of TypeScript code that corresponds to the JavaScript code. The source maps can be automatically generated by the TypeScript compiler, if you set sourceMap to true in tsconfig.json.

You can try this starter code on GitHub, which is built exactly for the purpose of setting breakpoints in VS Code.

answered Mar 7, 2017 at 0:48

Yuhuan Jiang

2,7262 gold badges22 silver badges21 bronze badges

Collectives™ on Stack Overflow

Cannot set breakpoints in TypeScript - VS Code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related