Tsファイルがある場合、デフォルトで(そして、できればそれが唯一のオプションではない)Chromeはtsコードのデバッグのみを許可します。つまり、tsファイルとjsファイルの両方のコンテンツを表示します、しかしjsファイルにブレークポイントを入れようとすると、すぐにtsファイルに転送され、適切な場所にブレークポイントが配置されます。
Chromeに、tsファイルではなくjsファイルをデバッグするように指示するにはどうすればよいですか?
TSコンパイル設定を制御できないため、ChromeでJavaScriptソースマップをすべて無効にすることができます。
デベロッパーツールを読み込み(Chromeメニュー> [その他のツール]> [デベロッパーツール])、デベロッパーツール設定([デベロッパーツールメニュー]> [設定])を読み込み、[JavaScriptソースマップを有効にする]の設定を見つけて無効にします。
開発モードの場合、TypeScriptと変換されたJavaScriptの間のソースマッピングが必要です。デバッグの場合は、DevToolsのTypeScriptコードにブレークポイントを設定します。これは、それを記述したコードです。記述したコードをデバッグすることは理にかなっています。
JavaScriptのみをデバッグする場合は、アプリケーションをデプロイ済みモード(ソースマップなし)で実行し、結果のJavaScriptコードにブレークポイントを設定します。
tsc
を使用してコンパイルしていると思います。
その場合、tsc
にソースマップを作成せず、したがって# sourceMappingURL=...
ディレクティブを含めないように指示する単純なパラメーターがあります。
tsc --sourceMap false