VSCode debug configuration using wsl and microsoft edge ( canary ) #vscode #debug #wsl #edge #reactjs #linux #chrome #chromium #sourcemaps

launch.json

{
    // https://go.microsoft.com/fwlink/?linkid=830387
    // https://code.visualstudio.com/docs/editor/variables-reference
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Edge",
            "runtimeExecutable": "C:/Users/USERNAME/AppData/Local/Microsoft/Edge SxS/Application/msedge.exe",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}/src",
            "userDataDir": "${workspaceRoot}/.vscode/edge",
            "trace": true,
            "sourceMaps": true,
            "sourceMapPathOverrides": {
                "/WSL/PATH/TO/PROJECT/src/*": "${workspaceFolder}/src/*",
                "webpack:///src/*": "${webRoot}/*"
            },
        },
    ]
}

mdyna.json

{"cards":[],"boards":{"boardList":{"0":{"name":"INBOX","cards":"all","bg":"default","labels":"all"}},"boardNames":["INBOX"]},"labels":[],"lastSync":"2020-04-06T09:18:28.673Z"}