search

aurelia / ux

A user experience framework with higher-level capabilities, designed to bring simplicity and elegance to building cross-device, rich experiences.
MIT License
368 stars 55 forks source link

The debugging using breakpoints VSCode doesn't work #265

Open glyad opened 4 years ago

glyad commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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.