ByPort
commented
3 years ago Try to add "sourceMaps": true to your configuration and some additional overrides to sourceMapPathOverrides as listed in README.md (not sure if it makes sense but it works for me):
"sourceMapPathOverrides": {
"webpack:///./~/*": "${webRoot}/node_modules/*",
"webpack:///./*": "${webRoot}/*",
"webpack:///*": "*",
"webpack:///src/*": "${webRoot}/*"
}Also you can try chrome configuration type with runtimeExecutable property instead since Edge is based on Chromium (of course this won't work with EdgeHTML). I personally use this config because my breakpoints are not bindable using "type": "edge":
{
"type": "chrome",
"request": "launch",
"name": "Client",
"url": "http://localhost:4200#",
"webRoot": "${workspaceFolder}/Geofiber",
"runtimeExecutable": "C:\\Program Files (x86)\\Microsoft\\Edge\\Application\\msedge.exe",
"sourceMaps": true,
"sourceMapPathOverrides": {
"webpack:///*": "*",
"webpack:///./*": "${webRoot}/*",
"webpack:///src/*": "${webRoot}/*",
"webpack:///./~/*": "${webRoot}/node_modules/*"
}
}
launch.jsonI get
Breakpoint ignored because generated code not found (source map problem?)in VSCode but all source maps mapped correctly to the local storage files according to the console log (.script command): (The only thing I noticed is some paths which started withwebpack:///resolved to the local path containing\backslash instead of/forward slashLogs: