Cara Debug TypeScript

Karena TypeScript akan mengkompilasi source file .ts menjadi file JavaScript. Dan file JavaScript tersebut yang akan diload didalam browser, bila terjadi error, kita tidak akan tahu error tersebut ada dimana pada TypeScript.

Untuk dapat mengetahui posisi error, perlu ditambahkan konfigurasi pada tsconfig.json.

{
    "compilerOptions": {
        "target" : "es5",
        "sourceMap" :true
    }
}

Saat dicompile, tsc akan mengenerate file baru dengan extension .map, yang isinya berupa source mapping metadata, yang akan digunakan browser untuk menunjukan baris error pada source file (dalam hal ini TypeScript).

Kurang lebih isi file .map akan seperti gambar dibawah.

Jika dijalankan dalam browser, pada developer tools, ditunjukan error yang terjadi pada source file.

Dengan berakhirnya modul ini, tutorial TypeScript Dasar sudah selesai.

Semoga bermanfaat.

Sharing is caring:

Leave a Comment