Unable to debug Typescript in VSCode

Question

Here is my launch.json

    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "name": "Launch Server",
            "request": "launch",
            "program": "${workspaceRoot}/server/src/app.ts",
            "cwd": "${workspaceRoot}",
            "env": {
                "NODE_ENV": "dev"
            },
            "skipFiles": [
                "node_modules/**/*.js"
            ],
            "outFiles": [
                "${workspaceRoot}/dist/server/src/*.js"
            ],
            "sourceMaps": true,
            "stopOnEntry": true,
            "console": "internalConsole"
        },

My source folder:

My dist folder:

The error I get is:

Cannot launch program '/Dev/myapp/server/src/app.ts'; setting the 'outFiles' attribute might help.

If I change the "program" property to ""program": "${workspaceRoot}/dist/server/src/app.js", it works but I'm then debugging the transpiled javascript and not the typescript. Obviously the transpiling with .map files is working, what is wrong?

tsconfig.json

{
  "compilerOptions": {
    "allowJs": false,
    "baseUrl": "",
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "es6",
      "dom"
    ],
    "mapRoot": "./",
    "module": "commonjs",
    "moduleResolution": "node",
    "outDir": "./dist",
    "sourceMap": true,
    "target": "es6",
    "typeRoots": [
      "node_modules/@types"
    ]
  },
  "exclude": [
    "web",
    "dist",
    "node_modules"
  ]
}

Saravana · Accepted Answer · 2017-03-12 13:55:16Z

7

You are missing src folder in your configuration:

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

Also set your mapRoot in tsconfig.json to ./dist/. Currently it will search your ./server/src folder for sourcemaps instead of ./dist

edited Mar 12, 2017 at 13:55

answered Mar 12, 2017 at 13:06

Saravana

41k20 gold badges110 silver badges112 bronze badges

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

6 Comments

Ryan Langton Over a year ago

sorry not sure how that was missing at first.. even with the /src folder in outfiles I get the same error

Saravana Over a year ago

Can you post your tsconfig.json?

Saravana Over a year ago

Why is mapRoot set to ./ in tsconfig.json. Your sourcemaps are in disc/server/src/ right?

Ryan Langton Over a year ago

It depends, there are 4 apps sharing the same tsconfig.. all output to dist/{appName}/src

Ryan Langton Over a year ago

that was it! debugging typescript works now! if you want to edit this answer I'll select it as the solution, thanks!

|

Xavier Guihot · Accepted Answer · 2018-03-30 11:19:11Z

1

In my case, I had in launch.json

"program": "${file}"

Which obviously tried to run the ts file in node, when hitting F5 / Ctrl+F5 when changing it to

"program": "${workspaceFolder}/${fileBasenameNoExtension}.js"

allows me to run both active ts and js files...

also launch tsc -watch build task to get js file compiled on the fly

edited Mar 30, 2018 at 11:19

Xavier Guihot

62.7k26 gold badges320 silver badges202 bronze badges

answered Feb 5, 2018 at 10:33

Jonas Brandel

1,42513 silver badges7 bronze badges

Collectives™ on Stack Overflow

Unable to debug Typescript in VSCode

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related