Блог

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

1. Запись конфигурации запуска для программы запуска Electron
2. Запись конфигурации запуска для средства визуализации electron

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

В идеальном мире я мог бы отлаживать TypeScript из VS code. Есть ли способ добиться этого? Есть ли способ заставить 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
        }
    ],