Gỡ lỗi TypeScript trong Firebug

Question

Có hướng dẫn nào về cách gỡ lỗi các bản ghi trong Firebug và/hoặc trình gỡ lỗi js Firefox tích hợp không? Cái gì đó like nhưng đối với Firebug và/hoặc Firefox

Answer 1

Firefox Developer Edition cho phép gỡ lỗi mã nguyên cảo. Điều duy nhất còn thiếu là làm nổi bật cú pháp.

Answer 2

Firebug được tích hợp chặt chẽ với công cụ thực thi Javascript của Firefox. Chừng nào Firefox hoặc Firebug không hỗ trợ cho Typecript, tôi đoán bạn đã hết may mắn.

Đối với Coffeescript, có AceBug cung cấp hỗ trợ gỡ lỗi cho Coffeescript. Nó sẽ có thể mở rộng này để TypeScript. Tuy nhiên, cấu trúc của Typescript nguồn và Javascript được biên dịch có thể khá khác nhau nên trình biên dịch sẽ cần chèn các biểu tượng gỡ lỗi để liên kết Javascript với Typescript.

Answer 3

Chrome Canary hỗ trợ này: http://www.aaron-powell.com/web/typescript-source-maps

Answer 4

Firebug version 3.0 đang được thiết kế để chạy trên trình gỡ lỗi tích hợp trong Firefox. Điều này có nghĩa là nó cũng tận dụng sự hỗ trợ cho các bản đồ nguồn và do đó các tệp .ts được tải chính xác.

Bạn có thể thử phiên bản thử nghiệm từ http://getfirebug.com/releases/firebug/3.0/

Answer 5

Phiên bản hiện tại của Firebug (2.0.13 + FF43) dường như được gỡ lỗi đánh máy tốt. Ít nhất nó đã làm việc cho tôi cho đến nay.

Trên trang web bạn thêm "được biên soạn" .js với tham chiếu đến bản đồ nguồn. I E.

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

Và Firebug sẽ cho bạn thấy register.ts tập tin thay vì trong danh sách các kịch bản thay thế.

Đảm bảo bạn có thế hệ bản đồ nguồn trên trong tsconfig.json của bạn:

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