IntelliJとChromeでTypescriptをデバッグする

Question

Typescriptファイルの対応する行を、エラーの原因となっている（コンパイルされた）Javascriptファイルに見つける方法はありますか？

私はIntelliJとGoogle Chromeを使用しています。

Answer 1

ソースマップのサポートを使用してコンパイルする必要があります。 JavaScriptファイルとTypeScriptソースが一致するファイルが.js.mapに作成されますか。 Chrome（と他のすべてのブラウザも同様）は、デバッグ中に.tsのファイルを表示するためにそれを使用できます。

コマンドラインコンパイラでは、これを有効にするために--sourceMapオプション（docs）を追加できます。内蔵のコンパイラを設定するには

---

、jetbrains.comドキュメントからの指示に従っ：

手動でコンパイルを設定するには、手動でを設定オプションを選択します。

を生成するソースマップを選択しますチェックボックスをオンにすると、TypeScriptコードの行と生成されたJavaScriptコードの対応を設定するソースマップが生成されます。それ以外の場合はブレークポイント正しく認識されず処理されません。