When using Visual Studio Code, I am able to debug and step through the TypeScript source code of Main.ts. This is possible as long as the JavaScript and map files are located in the same folder as the TypeScript source.
This setup works well in this structure:
debugDemo\
.vscode
launch.json
TypeScript\
Main.ts
Main.js
Main.js.map
However, I prefer to have the JavaScript files in a separate folder called JavaScript rather than keeping them in the TypeScript folder. To achieve this, I tried configuring the launch.json file with an outFiles attribute to specify the location of the JavaScript files.
Unfortunately, I encountered an error with this arrangement:
debugDemo\
.vscode
launch.json
TypeScript\
Main.ts
JavaScript\
Main.js
Main.js.map
The error message always states - "Cannot launch program 'c:\debugDemo\TypeScript\Main.ts'; setting the 'outFiles' attribute might help"
https://i.stack.imgur.com/xfGMo.png I need help figuring out how to configure Visual Studio Code to locate the JavaScript files in the JavaScript folder. I have experimented with different glob patterns for outFiles, but it hasn't resolved the issue.
Main.ts I simplified the code to just one line for easier troubleshooting purposes.
console.log("debug");
The map files were generated using:
tsc --sourcemap TypeScript/Main.ts
which results in - TypeScript\Main.js , TypeScript\Main.js.map
launch.json
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Debug Test",
"program": "${workspaceRoot}/TypeScript/Main.ts",
"cwd": "${workspaceRoot}",
"outFiles": ["${workspaceRoot}/JavaScript/**/*.js"],
"sourceMaps": true
}
]
}
- TypeScript version: 2.1.4
- Node version: 6.9.4
- Visual Studio Code version: 1.14.2