Создание приложений Debbuing Electron с использованием кода VS

Question

У меня есть приложение Electron на основе TypeScript, которое я разрабатываю в VS Code.В настоящее время мои настройки отладки таковы:

1. Запись конфигурации запуска для электронного запуска
2. Запись конфигурации запуска для электронного рендерера

Лончер отлаживает в коде VS просто отлично, однако рендер никогда не присоединяется.Я могу использовать отладчик Chrome в браузере, но ни одна из исходных карт для TypeScript не работает должным образом, отображаются неправильные строки.Например, фактическая точка останова может быть в строке 50, но отладчик останавливается в строке 65.

В идеальном мире я мог бы отлаживать TypeScript из кода VS.Есть ли способ добиться этого?Есть ли способ заставить Chrome правильно обрабатывать исходные карты, чтобы я мог использовать инструменты разработчика для отладки?

"configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Electron: Main",
            "protocol": "inspector",
            "cwd": "${workspaceRoot}/myapp-electron/",
            "program":  "${workspaceRoot}/myapp-electron/dist/main/main.js",
            "runtimeExecutable": "${workspaceRoot}/myapp-electron/node_modules/.bin/electron.cmd",
            "runtimeArgs": [
                "--remote-debugging-port=9223",
                "."
            ],
            "windows": {
                "runtimeExecutable": "${workspaceRoot}/myapp-electron/node_modules/.bin/electron.cmd",
            }
        },
        {
            "name": "Electron: Renderer",
            "type": "chrome",
            "request": "attach",
            "port": 9223,
            "webRoot": "${workspaceFolder}/myapp-electron",
            "timeout": 30000
        }
    ],