web-dev-qa-db-fra.com

Comment déboguer Angular 6 de VS Code

J'ai créé un nouveau projet CLI Angular 6 CLI

ng new myProjects

Création d'un "sous-projet"

ng g mySubProject

Si je sers mySubProject, puis essayez de déboguer à partir de VS Code en utilisant mon launch.json normal, les points d'arrêt ne sont pas atteints.

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

Quelqu'un peut-il me guider comment configurer mon launch.json pour déboguer des sous-projets comme celui-ci?

(pour plus de détails sur la configuration de mes sous-projets, c'est basé sur un article ici )

Si je viens de servir, alors ce launch.json débogue le projet "principal" OK - donc je suppose que je dois configurer quelque part dans le launch.json pour lui dire où se trouve le projet enfant?

angulardebuggingvisual-studio-codevscode-debugger
16
Maxxx

Pour déboguer un sous-projet dans un espace de travail Angular 6.0: définissez votre configuration launch.json comme suit:

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

Cela signifie que vous aurez besoin d'une entrée de configuration pour chaque sous-application.

11
Maxxx