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}"
}
]
}
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}" } ] }