microsoft / vscode-edge-debug2

This is a VS Code extension which helps you debug your JavaScript Code inside the Edge browser.
Other
37 stars 31 forks source link

Could not download sourcemap using WSL 2 #182

Open stuardcg opened 4 years ago

stuardcg commented 4 years ago

I'm using WSL 2 and the breakpoints are not working. Seems that is having issues with getting the sourcemaps.

[22:59:28.365 UTC] HTTP GET failed: Error: connect ECONNREFUSED 127.0.0.1:3000
[22:59:28.365 UTC] Sourcemaps.downloadSourceMapContents: downlading from 127.0.0.1 instead of localhost
[22:59:30.410 UTC] HTTP GET failed: Error: connect ECONNREFUSED 127.0.0.1:3000
[22:59:30.410 UTC] SourceMaps.loadSourceMapContents: Could not download sourcemap from http://localhost:3000/main.186cb047.js.map

No idea why is trying to download the sourcemaps on 127.0.0.1 but that is not going to work.

[22:59:24.526 UTC] got Edge PID: 7284 [22:59:25.144 UTC] Got browser version: Edg/81.0.416.53 [22:59:25.145 UTC] Got debug protocol version: 1.3 [22:59:25.145 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"targetDebugProtocolVersion","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14"}}} [22:59:25.147 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"targetCount","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","numTargets":1}}} [22:59:25.149 UTC] Attaching to target: {"description":"","devtoolsFrontendUrl":"/devtools/inspector.html?ws=localhost/devtools/page/E264E03D912A30CA4ABFD315943B7879","id":"E264E03D912A30CA4ABFD315943B7879","title":"","type":"page","url":"about:blank","webSocketDebuggerUrl":"ws://127.0.0.1:9223/devtools/page/E264E03D912A30CA4ABFD315943B7879","version":{}} [22:59:25.149 UTC] WebSocket Url: ws://127.0.0.1:9223/devtools/page/E264E03D912A30CA4ABFD315943B7879 [22:59:25.217 UTC] → To target: "{\"id\":1,\"method\":\"Console.enable\"}" [22:59:25.218 UTC] → To target: "{\"id\":2,\"method\":\"Debugger.enable\"}" [22:59:25.219 UTC] → To target: "{\"id\":3,\"method\":\"Runtime.enable\"}" [22:59:25.220 UTC] → To target: "{\"id\":4,\"method\":\"Log.enable\"}" [22:59:25.221 UTC] → To target: "{\"id\":5,\"method\":\"Runtime.runIfWaitingForDebugger\"}" [22:59:25.223 UTC] → To target: "{\"id\":6,\"method\":\"Runtime.run\"}" [22:59:25.224 UTC] → To target: "{\"id\":7,\"method\":\"Page.enable\"}" [22:59:25.224 UTC] → To target: "{\"id\":8,\"method\":\"Network.enable\",\"params\":{}}" [22:59:25.347 UTC] ← From target: {"id":1,"result":{}} [22:59:25.349 UTC] ← From target: {"id":2,"result":{"debuggerId":"-1987440225290845178.-1247289295693242310"}} [22:59:25.354 UTC] ← From target: {"method":"Runtime.executionContextCreated","params":{"context":{"id":1,"origin":"://","name":"","auxData":{"isDefault":true,"type":"default","frameId":"E264E03D912A30CA4ABFD315943B7879"}}}} [22:59:25.357 UTC] ← From target: {"id":3,"result":{}} [22:59:25.358 UTC] ← From target: {"id":4,"result":{}} [22:59:25.360 UTC] ← From target: {"id":5,"result":{}} [22:59:25.360 UTC] ← From target: {"error":{"code":-32601,"message":"'Runtime.run' wasn't found"},"id":6} [22:59:25.361 UTC] ← From target: {"id":7,"result":{}} [22:59:25.361 UTC] ← From target: {"id":8,"result":{}} [22:59:25.362 UTC] → To target: "{\"id\":9,\"method\":\"Debugger.setBlackboxPatterns\",\"params\":{\"patterns\":[\"^chrome-extension:.*\"]}}" [22:59:25.363 UTC] → To target: "{\"id\":10,\"method\":\"Schema.getDomains\"}" [22:59:25.375 UTC] ← From target: {"id":10,"result":{"domains":[{"name":"Inspector","version":"1.2"},{"name":"Memory","version":"1.2"},{"name":"Page","version":"1.2"},{"name":"Emulation","version":"1.2"},{"name":"Security","version":"1.2"},{"name":"Network","version":"1.2"},{"name":"Database","version":"1.2"},{"name":"IndexedDB","version":"1.2"},{"name":"CacheStorage","version":"1.2"},{"name":"DOMStorage","version":"1.2"},{"name":"CSS","version":"1.2"},{"name":"ApplicationCache","version":"1.2"},{"name":"DOM","version":"1.2"},{"name":"IO","version":"1.2"},{"name":"DOMDebugger","version":"1.2"},{"name":"DOMSnapshot","version":"1.2"},{"name":"ServiceWorker","version":"1.2"},{"name":"Input","version":"1.2"},{"name":"LayerTree","version":"1.2"},{"name":"DeviceOrientation","version":"1.2"},{"name":"Tracing","version":"1.2"},{"name":"Animation","version":"1.2"},{"name":"Accessibility","version":"1.2"},{"name":"Storage","version":"1.2"},{"name":"Log","version":"1.2"},{"name":"Runtime","version":"1.2"},{"name":"Debugger","version":"1.2"},{"name":"Profiler","version":"1.2"},{"name":"HeapProfiler","version":"1.2"},{"name":"Schema","version":"1.2"},{"name":"Target","version":"1.2"},{"name":"Overlay","version":"1.2"},{"name":"Performance","version":"1.2"},{"name":"Audits","version":"1.2"},{"name":"HeadlessExperimental","version":"1.2"}]}} [22:59:25.376 UTC] → To target: "{\"id\":11,\"method\":\"Debugger.setAsyncCallStackDepth\",\"params\":{\"maxDepth\":4}}" [22:59:25.588 UTC] ← From target: {"id":9,"result":{}} [22:59:25.637 UTC] ← From target: {"id":11,"result":{}} [22:59:25.639 UTC] → To target: "{\"id\":12,\"method\":\"Runtime.evaluate\",\"params\":{\"expression\":\"navigator.userAgent\",\"silent\":true}}" [22:59:25.639 UTC] → To target: "{\"id\":13,\"method\":\"Browser.getVersion\"}" [22:59:25.639 UTC] /json/version failed, attempting workaround to get the version [22:59:25.674 UTC] ← From target: {"id":13,"result":{"protocolVersion":"1.3","product":"Edg/81.0.416.53","revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","jsVersion":"8.1.307.28"}} [22:59:25.675 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"target-version","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53"}}} [22:59:25.675 UTC] To client: {"seq":0,"type":"response","request_seq":2,"command":"launch","success":true} [22:59:25.675 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"ClientRequest/launch","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53","successful":"true","timeTakenInMilliseconds":"1271.465401","requestType":"request","numberOfEdgeCmdLineSwitchesBeingUsed":"0"}}} [22:59:25.680 UTC] ← From target: {"method":"Debugger.scriptParsed","params":{"scriptId":"5","url":"","startLine":0,"startColumn":0,"endLine":0,"endColumn":19,"executionContextId":1,"hash":"3a6f8cb8708878331cc2be2ec90de0ab25738855","executionContextAuxData":{"isDefault":true,"type":"default","frameId":"E264E03D912A30CA4ABFD315943B7879"},"isLiveEdit":false,"sourceMapURL":"","hasSourceURL":false,"isModule":false,"length":19}} [22:59:25.685 UTC] → To target: "{\"id\":14,\"method\":\"Debugger.getPossibleBreakpoints\",\"params\":{\"start\":{\"scriptId\":\"5\",\"lineNumber\":0,\"columnNumber\":0},\"end\":{\"scriptId\":\"5\",\"lineNumber\":1,\"columnNumber\":0},\"restrictToFunction\":false}}" [22:59:25.689 UTC] ← From target: {"id":12,"result":{"result":{"type":"string","value":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53"}}} [22:59:25.689 UTC] Target userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53 [22:59:25.690 UTC] → To target: "{\"id\":15,\"method\":\"Network.setCacheDisabled\",\"params\":{\"cacheDisabled\":true}}" [22:59:25.697 UTC] ← From target: {"id":14,"result":{"locations":[{"scriptId":"5","lineNumber":0,"columnNumber":0}]}} [22:59:25.698 UTC] To client: {"seq":0,"type":"event","event":"initialized"} [22:59:25.701 UTC] To client: {"seq":0,"type":"event","event":"loadedSource","body":{"reason":"new","source":{"name":"VM5","path":"/VM5","sourceReference":1000}}} [22:59:25.706 UTC] ← From target: {"id":15,"result":{}} [22:59:25.776 UTC] From client: loadedSources(undefined) [22:59:25.777 UTC] To client: {"seq":0,"type":"response","request_seq":3,"command":"loadedSources","success":true,"body":{"sources":[{"name":"VM5","path":"/VM5","sourceReference":1000}]}} [22:59:25.778 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"ClientRequest/loadedSources","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53","successful":"true","timeTakenInMilliseconds":"1.498","requestType":"request"}}} [22:59:25.782 UTC] From client: setBreakpoints({"source":{"name":"main.tsx","path":"vscode-remote://wsl%2Bubuntu/home/surface/projects/tests/debuger/main.tsx"},"lines":[18],"breakpoints":[{"line":18}],"sourceModified":false}) [22:59:25.784 UTC] remoteMapper: mapping remote uri vscode-remote://wsl%2Bubuntu/home/surface/projects/tests/debuger/main.tsx to internal path: /vscode-remote-uri/home/surface/projects/tests/debuger/main.tsx [22:59:25.784 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"setBreakpointsRequest","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53","fileExt":".tsx"}}} [22:59:25.785 UTC] SourceMaps.setBP: /vscode-remote-uri/home/surface/projects/tests/debuger/main.tsx can't be resolved to a loaded script. It may just not be loaded yet. [22:59:25.786 UTC] Paths.setBP: No target url cached yet for client path: /vscode-remote-uri/home/surface/projects/tests/debuger/main.tsx. [22:59:25.787 UTC] → To target: "{\"id\":16,\"method\":\"DOMDebugger.setInstrumentationBreakpoint\",\"params\":{\"eventName\":\"scriptFirstStatement\"}}" [22:59:25.790 UTC] ← From target: {"id":16,"result":{}} [22:59:25.792 UTC] To client: {"seq":0,"type":"response","request_seq":4,"command":"setBreakpoints","success":true,"body":{"breakpoints":[{"id":1000,"verified":false,"message":"Breakpoint set but not yet bound"}]}} [22:59:25.793 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"ClientRequest/setBreakpoints","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53","successful":"true","timeTakenInMilliseconds":"10.6032","requestType":"request"}}} [22:59:25.804 UTC] From client: setExceptionBreakpoints({"filters":[]}) [22:59:25.806 UTC] → To target: "{\"id\":17,\"method\":\"Debugger.setPauseOnExceptions\",\"params\":{\"state\":\"none\"}}" [22:59:25.808 UTC] ← From target: {"id":17,"result":{}} [22:59:25.809 UTC] To client: {"seq":0,"type":"response","request_seq":5,"command":"setExceptionBreakpoints","success":true} [22:59:25.809 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"ClientRequest/setExceptionBreakpoints","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53","successful":"true","timeTakenInMilliseconds":"4.866699","requestType":"request"}}} [22:59:25.822 UTC] From client: configurationDone(undefined) [22:59:25.823 UTC] → To target: "{\"id\":18,\"method\":\"Page.navigate\",\"params\":{\"url\":\"http://localhost:3000\"}}" [22:59:25.823 UTC] To client: {"seq":0,"type":"response","request_seq":6,"command":"configurationDone","success":true} [22:59:25.823 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"ClientRequest/configurationDone","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53","successful":"true","timeTakenInMilliseconds":"1.0734","requestType":"request"}}} [22:59:25.827 UTC] From client: threads(undefined) [22:59:25.827 UTC] To client: {"seq":0,"type":"response","request_seq":7,"command":"threads","success":true,"body":{"threads":[{"id":1,"name":"Microsoft Edge"}]}} [22:59:25.827 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"ClientRequest/threads","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53","successful":"true","timeTakenInMilliseconds":"0.4314","requestType":"request"}}} [22:59:26.092 UTC] ← From target: {"id":18,"result":{"frameId":"E264E03D912A30CA4ABFD315943B7879","loaderId":"37FE538AD03D4AA669A426AD39F01065"}} [22:59:26.109 UTC] ← From target: {"method":"Page.frameStartedLoading","params":{"frameId":"E264E03D912A30CA4ABFD315943B7879"}} [22:59:26.109 UTC] ← From target: {"method":"Runtime.executionContextDestroyed","params":{"executionContextId":1}} [22:59:26.109 UTC] ← From target: {"method":"Runtime.executionContextsCleared","params":{}} [22:59:26.110 UTC] To client: {"seq":0,"type":"event","event":"loadedSource","body":{"reason":"removed","source":{"name":"VM5","path":"/VM5","sourceReference":1000}}} [22:59:26.110 UTC] ← From target: {"method":"Page.frameNavigated","params":{"frame":{"id":"E264E03D912A30CA4ABFD315943B7879","loaderId":"37FE538AD03D4AA669A426AD39F01065","url":"http://localhost:3000/","securityOrigin":"http://localhost:3000","mimeType":"text/html"}}} [22:59:26.111 UTC] ← From target: {"method":"Runtime.executionContextCreated","params":{"context":{"id":2,"origin":"http://localhost:3000","name":"","auxData":{"isDefault":true,"type":"default","frameId":"E264E03D912A30CA4ABFD315943B7879"}}}} [22:59:26.311 UTC] ← From target: {"method":"Debugger.scriptParsed","params":{"scriptId":"6","url":"http://localhost:3000/main.186cb047.js","startLine":0,"startColumn":0,"endLine":28534,"endColumn":42,"executionContextId":2,"hash":"188bed548191d4871cac54604d55b17d63a0684c","executionContextAuxData":{"isDefault":true,"type":"default","frameId":"E264E03D912A30CA4ABFD315943B7879"},"isLiveEdit":false,"sourceMapURL":"/main.186cb047.js.map","hasSourceURL":false,"isModule":false,"length":1064491}} [22:59:26.311 UTC] Paths.scriptParsed: could not resolve http://localhost:3000/main.186cb047.js to a file with pathMapping/webRoot: {"/":"\home\surface\projects\tests\debuger"}. It may be external or served directly from the server's memory (and that's OK). [22:59:26.312 UTC] SourceMaps.getMapForGeneratedPath: Finding SourceMap for http://localhost:3000/main.186cb047.js by URI: /main.186cb047.js.map and webRoot/pathMapping: {"/":"\home\surface\projects\tests\debuger"} [22:59:26.312 UTC] SourceMaps.loadSourceMapContents: Downloading sourcemap file from http://localhost:3000/main.186cb047.js.map [22:59:26.322 UTC] To client: {"seq":0,"type":"event","event":"loadedSource","body":{"reason":"new","source":{"name":"main.186cb047.js","path":"http://localhost:3000/main.186cb047.js","sourceReference":1001}}} [22:59:26.322 UTC] ← From target: {"method":"Debugger.paused","params":{"callFrames":[{"callFrameId":"{\"ordinal\":0,\"injectedScriptId\":2}","functionName":"","functionLocation":{"scriptId":"6","lineNumber":0,"columnNumber":0},"location":{"scriptId":"6","lineNumber":7,"columnNumber":0},"url":"http://localhost:3000/main.186cb047.js","scopeChain":[{"type":"global","object":{"type":"object","className":"Window","description":"Window","objectId":"{\"injectedScriptId\":2,\"id\":1}"}}],"this":{"type":"object","className":"Window","description":"Window","objectId":"{\"injectedScriptId\":2,\"id\":2}"}}],"reason":"EventListener","data":{"eventName":"instrumentation:scriptFirstStatement"},"hitBreakpoints":[]}} [22:59:28.365 UTC] HTTP GET failed: Error: connect ECONNREFUSED 127.0.0.1:3000 [22:59:28.365 UTC] Sourcemaps.downloadSourceMapContents: downlading from 127.0.0.1 instead of localhost [22:59:30.410 UTC] HTTP GET failed: Error: connect ECONNREFUSED 127.0.0.1:3000 [22:59:30.410 UTC] SourceMaps.loadSourceMapContents: Could not download sourcemap from http://localhost:3000/main.186cb047.js.map [22:59:30.411 UTC] BreakOnLoadHelper: Finished waiting for breakpoints to get resolved. [22:59:30.411 UTC] Paths.scriptParsed: could not resolve http://localhost:3000/main.186cb047.js to a file with pathMapping/webRoot: {"/":"\home\surface\projects\tests\debuger"}. It may be external or served directly from the server's memory (and that's OK). [22:59:30.412 UTC] → To target: "{\"id\":19,\"method\":\"Debugger.resume\"}" [22:59:30.413 UTC] ← From target: {"id":19,"result":{}} [22:59:30.433 UTC] ← From target: {"method":"Debugger.resumed","params":{}} [22:59:30.434 UTC] To client: {"seq":0,"type":"event","event":"continued","body":{"threadId":1}} [22:59:30.435 UTC] ← From target: {"method":"Console.messageAdded","params":{"message":{"source":"console-api","level":"info","text":"%cDownload the React DevTools for a better development experience: https://fb.me/react-devtools font-weight:bold","url":"http://localhost:3000/main.186cb047.js","line":28232,"column":21}}} [22:59:30.435 UTC] ← From target: {"method":"Runtime.consoleAPICalled","params":{"type":"info","args":[{"type":"string","value":"%cDownload the React DevTools for a better development experience: https://fb.me/react-devtools"},{"type":"string","value":"font-weight:bold"}],"executionContextId":2,"timestamp":1.586905170432759e+12,"stackTrace":{"callFrames":[{"functionName":"","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":28231,"columnNumber":20},{"functionName":"parcelRequire.node_modules/react-dom/cjs/react-dom.development.js.react","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":28247,"columnNumber":4},{"functionName":"newRequire","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":46,"columnNumber":23},{"functionName":"localRequire","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":52,"columnNumber":13},{"functionName":"parcelRequire.node_modules/react-dom/index.js../cjs/react-dom.development.js","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":28285,"columnNumber":19},{"functionName":"newRequire","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":46,"columnNumber":23},{"functionName":"localRequire","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":52,"columnNumber":13},{"functionName":"parcelRequire.main.tsx.react-dom","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":28304,"columnNumber":18},{"functionName":"newRequire","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":46,"columnNumber":23},{"functionName":"","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":80,"columnNumber":6},{"functionName":"","scriptId":"6","url":"http://localhost:3000/main.186cb047.js","lineNumber":119,"columnNumber":2}]}}} [22:59:30.439 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"stdout","output":"\u001b[0;1mDownload the React DevTools for a better development experience: https://fb.me/react-devtools\n","source":{"name":"main.186cb047.js","path":"http://localhost:3000/main.186cb047.js","sourceReference":1001},"line":28232,"column":21}} [22:59:30.491 UTC] ← From target: {"method":"Page.loadEventFired","params":{"timestamp":23010.453506}} [22:59:30.492 UTC] ← From target: {"method":"Page.frameStoppedLoading","params":{"frameId":"E264E03D912A30CA4ABFD315943B7879"}} [22:59:30.492 UTC] ← From target: {"method":"Page.domContentEventFired","params":{"timestamp":23010.454013}} [22:59:30.644 UTC] → To target: "{\"id\":20,\"method\":\"Overlay.setPausedInDebuggerMessage\",\"params\":{}}" [22:59:30.645 UTC] ← From target: {"id":20,"result":{}} [22:59:34.394 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"target/notification/onScriptParsed","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53","aggregated.startTime":"[\"1586905165680\",\"1586905166311\"]","aggregated.successful":"[\"true\",\"true\"]","aggregated.timeTakenInMilliseconds":"[\"7.191701\",\"4100.1207\"]"}}} [22:59:34.394 UTC] To client: {"seq":0,"type":"event","event":"output","body":{"category":"telemetry","output":"target/notification/onPaused","data":{"Versions.DebugAdapterCore":"6.7.50","Versions.DebugAdapter":"1.0.14","Versions.Target.CRDPVersion":"1.3","Versions.Target.Revision":"@e562aa48f5b848f9dd5d82bcbc2c99091fbbd857","Versions.Target.UserAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53","Versions.Target.V8":"8.1.307.28","Versions.Target.Project":"Edg","Versions.Target.Version":"81.0.416.53","aggregated.startTime":"[\"1586905166322\"]","aggregated.successful":"[\"true\"]","aggregated.timeTakenInMilliseconds":"[\"4089.616\"]"}}} [23:00:55.282 UTC] From client: disconnect({"restart":false})


Steps to reproduce (you need WSL 2, node...):

1. Create a new project with node in `/home/user/projects/tests/debuger`
2. Use parcel to bundle
3. Use the launch.json and run a simple hello world (I used react and typescript)

main.tsx

import { render } from "react-dom"; import React, { useState, useCallback } from "react";

const App = ({ name = "World" }) => { const helloWorld = Hello ${name};

return (

{helloWorld}

); };

const Counter = () => { const [counter, setCounter] = useState(0); const onClick = useCallback(() => { setCounter(counter + 1); // I set the breakpoint here!!!! }, [counter]);

return (

{counter}

); };

render(, document.getElementById("root"));