ts가 아닌 js를 디버그하도록 코드

ts 파일이있을 때 기본적으로 (그리고 유일한 옵션이 아님) Chrome은 ts 코드를 디버그 만 허용합니다. 즉, ts 파일과 js 파일의 내용을 모두 표시하지만 js 파일에 중단 점을 넣으려고하면 즉시 ts 파일로 이동하고 올바른 위치에 중단 점을 찾습니다.ts가 아닌 js를 디버그하도록 코드

크롬에 ts 파일이 아닌 js 파일을 디버깅하도록하려면 어떻게해야합니까?

출처

2016-07-06 Alon

어쩌면 소스 맵을 제거 할 수 있습니까? 나는 자동으로 생성되기 때문에 tsconfig.json에서 해제하려고합니다. – toskv

@toskv tsconfig를 사용하지 않습니다. 명령 줄 옵션을 사용하여이를 수행하는 방법을 알고 있습니까? – Alon

Chrome 개발자 설정에서 JS 소스 맵을 사용 중지 할 수 있습니다. 개발자 도구를 열고 설정을 엽니 다. "JavaScript 소스 맵 사용"옵션이 표시되어야합니다. 이것을 비활성화하십시오. –

TS 컴파일 설정을 제어 할 수 없으므로 Chrome에서 JavaScript 소스 맵을 모두 사용 중지 할 수 있습니다.

개발자 도구 (Chrome 메뉴> 더보기 도구> 개발자 도구)를로드 한 다음 개발자 도구 설정 (개발자 도구 메뉴> 설정)을로드하고 "JavaScript 소스지도 사용"의 설정을 찾아 사용하지 않도록 설정하십시오.

출처

2016-07-06 22:11:49

개발 모드 인 경우 TypeScript와 변환 된 JavaScript간에 원본 매핑이 있어야합니다. 디버깅의 경우, 작성한 코드 인 DevTools의 TypeScript 코드에 중단 점을 넣습니다. 작성한 코드를 디버깅하는 것이 좋습니다.

JavaScript 만 디버깅하려면 배포 모드 (소스 맵 없음)에서 응용 프로그램을 실행하고 결과 JavaScript 코드에 중단 점을 설정하십시오.

출처

2016-07-06 12:17:48

배포 된 모드에서 응용 프로그램을 실행하려면 어떻게해야합니까? tsconfig 파일이 없습니다. 대신 커맨드 라인 옵션을 사용합니다. – Alon

@Alon 귀하의 설정을 모르겠습니다. TypeScript도 사용하지 않았지만 [Webpack] (https://webpack.github.io/) 또는 유사하게 개발자 대 릴리스 빌드를 처리 할 수 있습니다. 각각에 대한 설정 파일을 가질 수 있습니다. –

감사합니다. 나는 표결했다. – Alon

ts가 아닌 js를 디버그하도록 코드

답변

관련 문제