[VSCode] Breakpoint binding 안됨 문제 해결

간혹 VS Code에서 개발할 때 break point가 회색으로만 돼있고 빨간색으로 전환되지 않는 경우가 있다.

필자의 경우 Typescript 기반의 node 프로젝트에서 해당 이슈를 겪었고 쉽게 해결하였다.

 

 

typescript 공식 사이트의 tsconfig 관련 문서에서 설명하는 "sourceMap" 옵션에 대한 설명이다.

요약하자면 디버깅을 가능케하고 기타 다른 툴들이 typescript 파일을 추적할 때 쓰이는 용도의 파일이라는 것이다.

 

따라서 tsconfig.json 파일에 다음의 속성을 명시해주어야 한다.

# tsconfig.json
{
	"compilerOptions":{
    	... # other settings
    	sourceMap : true
    }
}

 

출처 : https://www.typescriptlang.org/tsconfig/#sourceMap