web-dev-qa-db-ja.com

デバッグ方法Angular 6 VS Codeのサブプロジェクト

新しいAngular 6 CLIプロジェクトを作成しました

ng new myProjects

「サブプロジェクト」を作成しました

ng g mySubProject

MySubProjectを提供してから、通常のlaunch.jsonを使用してVS Codeからデバッグしようとすると、ブレークポイントがヒットしません。

{
  "name": "Launch Chrome (test)",
  "type": "chrome",
  "request": "launch",
  "url": "http://localhost:4200/",
  "webRoot": "${workspaceFolder}"
},

誰かが私のようなlaunch.jsonをセットアップしてこのようなサブプロジェクトをデバッグする方法を教えてもらえますか？

（サブプロジェクトの設定方法の詳細については、投稿に基づいています here ）

私がサービスを提供している場合、このlaunch.jsonは「メイン」プロジェクトをデビグします-だから、launch.jsonのどこかに子プロジェクトがどこにあるかを伝える必要があると思いますか？

angulardebuggingvisual-studio-codevscode-debugger
16
Maxxx

Angular 6.0ワークスペースでサブプロジェクトをデバッグするには：launch.json設定を次のように設定します。

{
  "name": "ng serve my sub application",
  "type": "chrome",
  "request": "launch",
  "url": "http://localhost:4200",
  "webRoot": "${workspaceRoot}/projects/mysubapplication"
}

これは、すべてのサブアプリケーションに対して構成エントリが必要になることを意味します。

11
Maxxx