How to debug an Angular 9 Library in VSCode

Viewed 539

I'm developing a library called @nf-ionic/common. The library is used in a project called example-app.

In the development phase I'm linking @nf-ionic/common with npm link @nf-ionic/common. This works just fine and I can build example-app without any problems.

Now I want to debug @nf-ionic/common in example-app over VSCode. Unfortunately, I'm not able to do so.

What I tried so far:

  • Add sourceMap: { "vendor": true } as described here
  • Add justMyCode: false in my .vscode/launch.json as described here and here. It seems like this option isn't even available in .vscode/launch.json.
  • Add "sourceMapPathOverrides": {...} as described here

I'm able to debug the library in my browser, when setting the sourceMap: { "vendor": true } but not in VSCode.

Work environment:

  • @nf-ionic/common: Angular 9.1.9 library project created like described here
  • example-app: Ionic 5.1.1 with Angular 9.1.6
0 Answers
Related