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

Question

我创建了一个新的 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 来调试这样的子项目吗？

(有关如何设置子项目的详细信息，它基于帖子 这里 (

如果我只是 ng 服务，那么这个 launch.json 就可以缩小"主"项目 - 所以我猜我需要在 launch.json 中的某个地方设置以告诉它子项目在哪里？

Answer 1

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

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

这意味着您将需要为每个子应用程序提供一个配置条目。