Can not find sourcemaps while debugging in VSCode

I managed to connect from VSCode to the electron app, using this launch.config:

{ "name": "Debug", "type": "chrome", "request": "launch", "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron", "runtimeArgs": [ "${workspaceRoot}/dist", "--enable-logging", "--remote-debugging-port=9222" ], "sourceMaps": true, "webRoot": "${workspaceRoot}/dist" }

But I can’t set any breakpoinst cause sourcemaps are not found. I tried to include this line

"sourceMapPathOverrides": { "webpack:///./*": "${webRoot}/*" }

from the Angular CLI launch.json file, but to no avail. Is there anyone who got this to work ?

[adrimarti]

Not working now.

[nikhilnxvverma1]

Spent hours today, finally got the launch debugger working for the main process.

{
			"type": "node",
			"request": "launch",
			"name": "Electron Main",
			"program": "${workspaceFolder}/main.ts",
			"outFiles": [
				"${workspaceRoot}/main.js",
			],
			"cwd": "${workspaceRoot}",
			"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
			"windows": {
				"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
			},
			"args": ["--serve"],
			"runtimeArgs": [
				".",
			],
			"outputCapture": "std",
			"preLaunchTask": "npm: electron:serve-tsc",
		},

Keep in mind my main.ts file outputs main.js in the same top level directory. And more importantly, you need to have the ng serve running ahead of time because this is not running off of the dist folder. Its serving from the devkit server. Hope this helps