Firebug에서 TypeScript 디버깅

Question

Firebug 및/또는 내장 Firefox js-debugger에서 typescript를 디버깅하는 방법에 대한 지침이 있습니까? 무언가 like이지만 방화 광 및/또는 Firefox 용

Answer 1

Firefox Developer Edition은 타이프 라이터 코드의 디버깅을 할 수 있습니다. 누락 된 유일한 것은 구문 강조입니다.

Answer 2

방화 광은 Firefox의 Javascript 실행 엔진과 밀접하게 통합되어 있습니다. Firefox 나 Firebug가 Typescript를 지원하지 않는 한 운이 없다고 생각합니다.

Coffeescript의 경우 Coffeescript에 대한 디버깅 지원을 제공하는 AceBug이 있습니다. 이를 TypeScript로 확장 할 수 있어야합니다. 그러나 원본 Typescript 및 컴파일 된 Javascript의 구조는 매우 다를 수 있으므로 컴파일러에서 Javascript를 Typescript에 연결하는 데 디버그 기호를 삽입해야합니다.

Answer 3

크롬 카나리아이를 지원 http://www.aaron-powell.com/web/typescript-source-maps

Answer 4

Firebug version 3.0은 Firefox의 기본 제공 디버거에서 실행되도록 설계되었습니다. 즉, 소스 맵에 대한 지원을 활용하므로 .ts 파일이 올바르게로드됩니다.

당신은 방화범의 http://getfirebug.com/releases/firebug/3.0/

Answer 5

현재 버전 (2.0.13 + FF43) 잘 타이프 라이터를 디버깅 할 것으로 보인다에서 미리보기 버전을 시도 할 수 있습니다. 적어도 그것은 지금까지 나를 위해 일했다.

웹 페이지에 소스 맵에 대한 참조와 함께 "컴파일 된".js을 추가합니다. 나는.

<script src="register.js"></script> 

그리고 방화범 대신 대신 스크립트의 목록에 당신에게 register.ts 파일을 보여줍니다.

당신이 당신의 tsconfig.json에서의 소스 맵 생성되어 있는지 확인하십시오 :

"compilerOptions": { 
    ... 
    "sourceMap": true 
},