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

Question

我创建了一个新的Angular 6 CLI项目

ng new myProjects

创建'子项目'

ng g mySubProject

如果我服务mySubProject然后尝试使用我的正常launch.json从VS代码调试,然后没有命中断点.

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

有人可以指导我如何设置我的launch.json来调试像这样的子项目吗？

(有关如何设置子项目的详细信息,请基于此处的帖子 )

如果我只是服务,那么这个launch.json负责'主'项目OK - 所以我猜我需要在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"
}

这意味着您将需要每个子应用程序的配置条目.