デフォルトでは、tsファイルを持っているときにChromeでtsコードをデバッグできます(願わくば唯一の選択肢ではありません)。私はtsファイルとjsファイルの両方の内容を表示しますが、jsファイルにブレークポイントを入れようとするとすぐに私はtsファイルに移動し、正しい場所にブレークポイントを配置します。tsファイルではなく、jsをデバッグするようにChromeに指示します
どのようにすれば、tsファイルではなくjsファイルをデバッグするようChromeに指示できますか?
デフォルトでは、tsファイルを持っているときにChromeでtsコードをデバッグできます(願わくば唯一の選択肢ではありません)。私はtsファイルとjsファイルの両方の内容を表示しますが、jsファイルにブレークポイントを入れようとするとすぐに私はtsファイルに移動し、正しい場所にブレークポイントを配置します。tsファイルではなく、jsをデバッグするようにChromeに指示します
どのようにすれば、tsファイルではなくjsファイルをデバッグするようChromeに指示できますか?
はChromeですべて一緒にマッピングします。開発者はツール(クロームメニュー>詳細ツール>開発者ツール)
ロード、そして「JavaScriptソースマップを有効にする」と、それを無効にするための設定を見つけ、開発者向けツールの設定(開発者用ツール]メニュー> [設定])をロードします。
あなたが開発モードである場合は、活字体とtranspiled JavaScriptの間のソースマッピングを持っている必要があります。デバッグの場合は、書いたコードと同じように、DevToolsのTypeScriptコードにブレークポイントを設定します。書いたコードをデバッグすることは理にかなっています。
あなたは、JavaScriptのみをデバッグ展開モード(ソースなしマップ)でアプリケーションを実行し、そして得られたJavaScriptコードにブレークポイントを設定したい場合。あなたはTSのコンパイル設定を制御できませんので、あなたはJavaScriptのソースを無効にすることができ
多分ソースマップを削除できますか?私はそれらが自動的に生成されるので、tsconfig.jsonからそれらを無効にしようとします。 – toskv
@toskv私はtsconfigを使用しません。あなたはコマンドラインオプションでそれを行う方法を知っていますか? – Alon
Chromeの開発者設定でJSソースマップを無効にすることができます。開発者ツールを開き、次にその設定を開きます。 [JavaScriptソースマップを有効にする]オプションが表示されます。これを無効にしてみてください。 –