[WSL] VS Code에서 Chrome Debugger의 중단점이 Unverified breakpoint가 되어 충돌하지 않음

사건





브레이크 포인트를 설정해도 Unverified breakpoint(확인되지 ​​않은 브레이크 포인트)가 되며, 설정한 포인트에서 디버깅이 멈추지 않습니다.

TL;DR



이 기사에서는 위의 이벤트를 해결합니다.

환경


  • WSL 우분투 16.04.6 LT

  • 해결 절차


    launch.json 내에서 sourceMapPathOverrides 에서 폴더 매핑을 정의해야 하는 것 같습니다. (이쪽의 옵션의 상세에 대해서는 조사하고 있지 않기 때문에 파고드리지 않습니다.)

    launch.json
    {
        "version": "0.2.0",
        "configurations": [
            {
                "type": "chrome",
                "request": "launch",
                "name": "Launch Chrome against localhost",
                "url": "http://localhost:3000",
                "webRoot": "${workspaceFolder}",
                "trace": true,
                "sourceMapPathOverrides": {
                    "/mnt/c/*": "C:\\*"
                }
            }
        ]
    }
    

    위의 예에서는 C 드라이브를 매핑하고 있지만 D 드라이브에 WSL을 마운트하고 있다면 "/mnt/d/*": "D:\\*" 입니다.

    참고문헌

    좋은 웹페이지 즐겨찾기