Chrome에게 ts 대신 js를 디버그하도록 지시
기본적으로 ts 파일이 있으면 Chrome에서는 ts 코드만 디버그할 수 있습니다.즉, ts 및 js 파일의 내용을 모두 표시하지만 js 파일에 중단점을 넣으려고 하면 즉시 ts 파일로 전송되고 중단점을 올바른 위치에 찾습니다.
Chrome에게 ts 파일이 아닌 js 파일을 디버깅하라고 어떻게 말합니까?
TS 컴파일 설정을 제어할 수 없기 때문에 Chrome에서 JavaScript 소스 맵을 모두 비활성화할 수 있습니다.
개발자 도구(Chrome Menu > More Tools > Developer Tools)를 로드한 후 개발자 도구 설정(Developer Tools Menu > Settings)을 로드하고 "JavaScript source maps 활성화"에 대한 설정을 찾아 비활성화합니다.
개발 모드에 있는 경우 TypeScript와 trapled JavaScript 사이에 소스 매핑이 있어야 합니다.디버깅을 위해 DevTools의 TypeScript 코드에 중단점을 추가합니다. 이 코드는 DevTools에 기록한 코드는 DevTools의 TypeScript 코드입니다.당신이 작성한 코드를 디버깅하는 것이 타당합니다.
JavaScript만 디버그하려면 배포된 모드(소스 맵 없음)에서 응용 프로그램을 실행하고 결과 JavaScript 코드에 중단점을 설정합니다.
사용 중인 것 같습니다.tsc편찬하기 위하여
만약 그렇다면, 다음과 같은 간단한 매개변수가 있습니다.tsc소스 맵을 생성하지 않으므로 포함하지 않습니다.# sourceMappingURL=...지시:
tsc --sourceMap false
언급URL : https://stackoverflow.com/questions/38223277/telling-chrome-to-debug-js-rather-than-ts
'it-source' 카테고리의 다른 글
| 정적 C 라이브러리를 C++ 코드와 연결할 때 "정의되지 않은 참조" 오류 발생 (0) | 2023.06.20 |
|---|---|
| Google에서 Python을 많이 사용합니다. (0) | 2023.06.20 |
| pyodbc를 사용하여 SQL에서 데이터 검색 (0) | 2023.06.20 |
| C# 평행.각 풀에서 너무 많은 연결을 여는 경우 (0) | 2023.06.15 |
| 실패: 'DynamicTestModule' 모듈에서 예기치 않은 지시문 'ContactDetailsComponent'를 가져왔습니다.@NgModule 주석을 추가하십시오. (0) | 2023.06.15 |