如何从 VS Code 调试 Angular 6 子项目答案

【问题标题】：How to debug Angular 6 subproject from VS Code如何从 VS Code 调试 Angular 6 子项目
【发布时间】：2018-10-25 21:33:53
【问题描述】：

我创建了一个新的 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)

如果我只是 ng 服务，那么这个 launch.json 对“主”项目进行调试可以 - 所以我猜我需要在 launch.json 中的某个地方设置以告诉它子项目在哪里？

【问题讨论】：

几个月前，我尝试使用 VSC 和 Angular 进行所有设置。你应该在这里找到你需要的一切stackoverflow.com/questions/40443217/…
感谢@maxime1992 的评论，但是a）我已经在您发帖前一天回答了我自己的问题，并且b）您的链接实际上并没有回答我的问题，因为我的问题是针对调试的Angular 6+ 中的子项目

标签： angular debugging visual-studio-code vscode-debugger

【解决方案1】：

在 Angular 6.0 工作区中调试子项目：将您的 launch.json 配置设置为如下所示：

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

这意味着每个子应用程序都需要一个配置条目。

【讨论】：