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

Question

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

ng new myProjects

已创建'sub project'

ng g mySubProject

如果我 ng 服务 mySubProject 然后尝试使用我的正常 launch.json 从 VS Code 进行调试，那么断点就不会命中。

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

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

（有关我如何设置子项目的详细信息，它基于 post here )

如果我只是 ng serve，那么这个 launch.json debigs 'main' 项目 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"
}

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

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

How to debug Angular 6 subproject from VS Code

angular

debugging

visual-studio-code

vscode-debugger