Debugging with TypeScript and Visual Studio Code

[jannnik]

Is there anybody who got Nightwatch tests running with the vscode debugger in combination with TypeScript? 

I tried lots of different configurations, but always there are the following problems.

• When stopping at a breakpoint, the debugger jumps directly to the js file instead of the ts file.
• When adding breakpoints after starting the debugger, the breakpoints jump around in my file and the debugger stops at any other line than the desired line. 

launch.json:

{

 "version": "0.2.0",

 "configurations": [

   {

     "name": "Launch",

     "type": "node",

     "request": "launch",

     "program": "${workspaceRoot}/node_modules/.bin/nightwatch",

     "args": ["--env", "local"],

     "cwd": "${workspaceRoot}",

     "runtimeExecutable": null,

     "runtimeArgs": [],

     "sourceMaps": true,

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

     "diagnosticLogging": true

   }

 ]

}

tsconfig.json

{

"compilerOptions": {

"outDir": "./build",

"module": "esnext",

"target": "es6",

"lib": ["es6", "dom"],

"sourceMap": true,

"allowJs": true,

"jsx": "react",

"moduleResolution": "node",

"rootDir": "./",

"forceConsistentCasingInFileNames": true,

"noImplicitReturns": true,

"noImplicitThis": true,

"noImplicitAny": true,

"strictNullChecks": true,

"suppressImplicitAnyIndexErrors": true,

"noUnusedLocals": true

},

"exclude": ["node_modules", "build", "scripts"]

}

[jannnik]

It looks like I found a solution after reading in this issue: https://github.com/Microsoft/vscode/issues/2472#issuecomment-227595616

After adding  "inlineSourceMap": true to tsconfig.json, debugging works!

[Roland]

Thank you!!