由于 typescript 是编译语言

由于 TypeScript 是编译语言，很多人担心该如何 debug Angular，尤其是 TypeScript 编译没错，但在浏览器执行却错了，但因为 TypeScript 已经编译成 JavaScript，我该怎么知道错在 TypeScript 哪一行呢？

点 app.component.ts 后，会进入 TypeScript 程式码错的那一行，因此不用担心是编译过的 JavaScript 而无从 debug。

事实上在 ng serve 编译时，还同时产生了各 js 对应的 js.map，Chrome 就是靠这些 map 档得知错误的 JavaScript 对应到 TypeScript 哪一行。

可是我不希望正式上线主机也包含这些 map 档怎么办？

TypeScript 实际编译也是会报错。

其实我一开始也很担心 TypeScript 经过编译后，会很难 debug，但所幸有 map 档配套方案，让 Chrome 能从 JavaScript 对应到 TypeScript，直接将错误显示在 TypeScript 的正确行数。

Angular 为 Chrome 提供非常清楚的 TypeScript 错误讯息，不用担心编译过的 JavaScript 看不懂而无从 debug。