I am trying to set breakpoints in my angular cli workspace project in VS code.
I have no problem breaking in chrome debugger, or the parent project. Just not the library.
When I use a launch like "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:4200", "webRoot": "${workspaceFolder}/projects/MainProject", "sourceMaps": true } I can debug only code in the MainProject when serving with ng serve MainProject.
MainProject uses a library project ( not via npm but export ) my-lib. Directory structure is like below
10/16/2019 05:22 PM my-lib 10/24/2019 11:51 AM MainProject
If i change the launch "webRoot": "${workspaceFolder}/projects/my-lib",
I still get no breakpoints in vs code.
References to my-lib in the MainProject as as follows. import { xyz } from '../../../../../ccui-lib/src/public_api'
where public.api.ts will have exports like export * from './lib/components/xyz/xyz.component';
Not even sure what I'm trying is possible , seems like it should work and that I am missing something ... Any help would be awesome!!!
I keep getting Breakpoint set but not yet bound ( which appears in the vscode-chrome-debug.txt )