The debugging using breakpoints VSCode doesn't work

[glyad]

I'm submitting a bug report

Library Version: latest

Operating System: macOS 10.15.4 Catalina

Node Version: 10.19.0

NPM Version: 6.14.5

Webpack Latest

Browser: Chrome Latest

Language: TypeScript 8.5.3

Current behavior:

1. I created the VSCode launch configuration at the root of the dev. app as following: "configurations": [ {
   "name": "Chrome", "type": "chrome", "request": "launch", "url": "http://localhost:8080", "webRoot": "${workspaceRoot}/src", "userDataDir": "${workspaceRoot}/.chrome", "sourceMapPathOverrides": { "webpack:///./src/": "${webRoot}/" } } ]
2. I set the breakpoint at any place in code, which is executable (validated) in development app.
3. I run the dev app in the terminal
4. I run the debug session with VSCode. The browser opens. The application is rendered in the browser as expected, but...
5. ... breakpoints are still ignored. Them are displaying greyed and the tooltip displayed under the breakpoint is "The breakpoint is set, but not yet bound".

Expected/desired behavior:

The debugging works and the debugger stops on breakpoints both in code of the dev. app and in a code belongs to the package.

[bigopon]

I'm curious how this demo app can run without running the npm run dev script. Can you help explain a bit more in some pictures? I've not done this myself so I'm not sure what you are doing.

[glyad]

I'm curious how this demo app can run without running the npm run dev script. Can you help explain a bit more in some pictures? I've not done this myself so I'm not sure what you are doing.

Sorry for a late answer. Of course I'm running app with 'npm run dev' before I start the VSCode debugger.