如何从 VS Code 调试 Angular 6 子项目
Posted
技术标签:
【中文标题】如何从 VS Code 调试 Angular 6 子项目【英文标题】:How to debug Angular 6 subproject from VS Code 【发布时间】: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 进行所有设置。你应该在这里找到你需要的一切***.com/questions/40443217/… 感谢@maxime1992 的评论,但是a)我已经在您发帖前一天回答了我自己的问题,并且b)您的链接实际上并没有回答我的问题,因为我的问题是针对调试的Angular 6+ 中的子项目 【参考方案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 子项目的主要内容,如果未能解决你的问题,请参考以下文章
json VS Code Angular 4调试:Angular CLI
VS Code:使用 express 帮助调试 Angular 2
使用ng serve 在Vs Code里调试 anguar 项目
使用 Visual Studio Code 调试和运行 Angular 2 Typescript?