問題タブ [chrome-debugging]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular 8 プロジェクトの Visual Studio Code での起動を介して Chrome デバッガーを動作させることができません
Angular をバージョン 8 にアップグレードすると、Visual Studio Code 内で Chrome デバッガーを実行できなくなりました。
次のような launch.json は変更していません。
次のコマンドでAngularアプリを起動します
これは、アップグレードまで長い間機能していました。Chrome を起動し、Angular でさまざまなコンポーネントをデバッグできました。今は「未確認のブレークポイント」と表示するだけです
私は次のことを試しました：
webRoot フォルダーの場所を別の可能な場所に変更します。アプリを提供すると、出力に新しいメッセージがあることに気付きました。( https://myhost.domain.com:4200/webpack-dev-server/ ℹ ｢wds｣: webpack の出力は / ℹ ｢wds｣ から提供されます: 404s は //index.html にフォールバックします)
Visual Studio Code 拡張機能のアンインストールと再インストール
- SourceMap の追加: true
- ng new test-project を使用してまったく新しい Angular プロジェクトを作成し、このプロジェクトをデバッグしようとすると、同じことが行われます。
私のpackage.jsonは次のようになります。
ng バージョンは次のようになります。
visual-studio-code - Visual Studio Code デバッガーで Chrome 開発者プロファイルを使用する方法
私たちのチームは、ビジュアル コードをエディターとして使用して角度のあるプロジェクトに取り組んでいます。各チーム メンバーは、共通の git リポジトリを介して接続されたプロジェクトの個別のコピー (同じコンピューターの別のフォルダー) を持っています。chrome.all メンバーのデバッガーを使用して角度コードをデバッグし、リモート マルチ ユーザー ログインを使用して同じワークステーションで作業します。ただし、デバッガを使用できるのは一度に 1 人だけです。
次のチュートリアルに従い、launch.json ファイルで必要な構成を行いました
私のlaunch.jsonファイルは次のようになります
javascript - Chrome devtools デバッガー: コール スタックのさまざまな場所でスコープ変数を確認する
コール スタックの別の場所をクリックしても、Scope の下にリストされているコンテキスト変数が変化しません。私は JS は初めてで、PDB や PyCharm for Python などのツールの使用に慣れており、コール スタックのさまざまな場所でローカル変数を確認できます。各コンテキストに 1 つずつ踏み込まずに、Chrome でこれを行う便利な方法はありますか?
