저는 angular-cli로 생성 된 angular2 프로젝트를 가지고 있습니다. 크롬 dev 도구 (내 자신의 typescript 코드 아니라 실제 angular2 코드)에서 angular2 typescript 소스 코드를 디버깅 할 수 싶습니다. node_modules 아래의 angular2 npm 패키지는 변환 된 자바 스크립트 파일 만 포함하지만 소스 매핑을 포함합니다. 이 작품을 어떻게 만들 수 있습니까? 고마워.각도 2 타입 스크립트 소스 코드로 디버그
분명히 angular-cli에서는 node_modules (https://github.com/angular/angular-cli/issues/1838)의 소스 맵을 무시하기 때문에 아직 가능하지 않습니다.
디버그 할 위치에 debugger;을 넣는 것은 어떻습니까? 이렇게하면 크롬 개발 도구에서 중단 점이 발생하고 거기에서부터 작업 할 수 있습니다.
크롬 개발자 도구 (F12)를 엽니 다.
소스 탭으로 이동하십시오. ctrl+p을 입력하십시오.
드롭 다운에서 파일 이름을 검색하십시오.
파일을 선택하고 디버깅 할 줄에 중단 점을 추가하십시오.
그리고 디버깅 할 줄을 호출하는 작업을 진행하십시오.
각도 2의 타이프 스크립트 소스 코드를 의미합니까? 이상적으로, 디버깅을하기 위해 각도 2 소스 코드를 직접 편집하고 싶지는 않습니다. typescript 소스를 추가하는 데는 디버거에서 어떤 방법이 있어야하지만 작동시키지 않아야한다고 생각합니다. – sk20b21