search

modernweb-dev / web

Guides, tools and libraries for modern web development.
https://modern-web.dev
MIT License
2.18k stars 276 forks source link

web-dev-server, debugger for chrome, vscode #1308

Open ken444 opened 3 years ago

ken444 commented 3 years ago

Trying to setup chrome debugging in VSCODE with web-dev-server, breakpoints are hit but source code is opened in readonly files. I created Application using npm init @open-wc, opened in VSCODE with "Debugger for Chrome" extension installed and added the following launch.json: { "version": "0.2.0", "compounds": [ { "name": "Debug Both", "configurations": ["Run npm start", "Launch Chrome"] } ],"configurations": [ { "command": "npm start -- --port 3004", "name": "Run npm start", "request": "launch", "type": "node-terminal" }, { "type": "pwa-chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:3004", "webRoot": "${workspaceFolder}" } ] }

ken444 commented 3 years ago

Problem found to be es6 modules, not web-dev-server.