Similarly, we can add more debugger by adding an extension and then configuring in same launch.json file. This is because of 'sourceMaps': true setting in launch.json. Keep the break point and it will hit the. Now, you can press F5 or play icon in the debug tab. By default, it runs on port 4200 (Same port is mentioned in my launch.json file). I am usingĬommand to build and run my application. As I am using Angular CLI to run my Angular project.

'name' : 'Launch Chrome against localhost' ,.

(Refer image below).īelow is the example of tsconfig. map file, Default is false, make it true. Usually, it will be the same as outDir value (Refer image below). The location specified will be embedded in the sourceMap to direct the debugger where the map files will be located. map files will be located at run-time in a different location than the. This option Specifies the location where debugger should locate map files instead of generated locations. MapRoot : This is the main section for debugging in VSCode. OutDir : This Redirects output structure to the directory, i.e compiled typescript(.ts) files will be saved in this directory as javascript (.js) file (Refer image below).

Ensure that you have defined correct values for below parameters tsconfig.json file contains compilerOptions under that we have a set of values.

The main reason for this issue is your tsconfig.json file. This issue is mainly observed if you are using typescript and protractor. You have created the launch.json file and you have set the breakpoint in VSCode but when you start debugging, the breakpoint is just ignored that is control just doesn’t stop at the breakpoint and it continues. This is one of the common issues that we face. Visual Studio Code debugger doesn’t stop at breakpoints

Visual studio code debug