Question

我有一个使用VS Code开发的基于TypeScript的Electron应用程序。目前，我的调试设置如下：

Electron Launcher的启动配置条目
电子渲染器的启动配置条目

启动器可以在VS代码中进行调试，但是渲染永远不会附加。我可以在浏览器中使用Chrome调试器，但是TypeScript的所有源映射都无法正常工作，错误的行被映射。例如，实际的断点可能在第50行，但调试器在第65行停止。

在理想的世界中，我将能够从VS代码中调试TypeScript。有没有办法做到这一点？有没有办法让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
        }
    ],

使用VS Code使去噪电子应用程序正常工作

0 个答案: