10

デフォルトでは、tsファイルを持っているときにChromeでtsコードをデバッグできます(願わくば唯一の選択肢ではありません)。私はtsファイルとjsファイルの両方の内容を表示しますが、jsファイルにブレークポイントを入れようとするとすぐに私はtsファイルに移動し、正しい場所にブレークポイントを配置します。tsファイルではなく、jsをデバッグするようにChromeに指示します

どのようにすれば、tsファイルではなくjsファイルをデバッグするようChromeに指示できますか?

+4

多分ソースマップを削除できますか?私はそれらが自動的に生成されるので、tsconfig.jsonからそれらを無効にしようとします。 – toskv

+0

@toskv私はtsconfigを使用しません。あなたはコマンドラインオプションでそれを行う方法を知っていますか? – Alon

+0

Chromeの開発者設定でJSソースマップを無効にすることができます。開発者ツールを開き、次にその設定を開きます。 [JavaScriptソースマップを有効にする]オプションが表示されます。これを無効にしてみてください。 –

答えて

12

はChromeですべて一緒にマッピングします。開発者はツール(クロームメニュー>詳細ツール>開発者ツール)

ロード、そして「JavaScriptソースマップを有効にする」と、それを無効にするための設定を見つけ、開発者向けツールの設定(開発者用ツール]メニュー> [設定])をロードします。

3

あなたが開発モードである場合は、活字体とtranspiled JavaScriptの間のソースマッピングを持っている必要があります。デバッグの場合は、書いたコードと同じように、DevToolsのTypeScriptコードにブレークポイントを設定します。書いたコードをデバッグすることは理にかなっています。

あなたは、JavaScriptのみをデバッグ展開モード(ソースなしマップ)でアプリケーションを実行し、そして得られたJavaScriptコードにブレークポイントを設定したい場合。あなたはTSのコンパイル設定を制御できませんので、あなたはJavaScriptのソースを無効にすることができ

+0

デプロイメントモードでアプリケーションを実行するにはどうすればよいですか?私はtsconfigファイルを持っていません。代わりにコマンドラインオプションを使用します。 – Alon

+0

@Alon私はあなたのセットアップを知らない。私はTypeScriptを使用していませんが、[Webpack](https://webpack.github.io/)または類似のものは開発者対リリースビルドを処理できます。それぞれに設定ファイルを用意することができます。 –

+0

よろしくお願いいたします。私は投票した。 – Alon

関連する問題