Как отлаживать подпроект Angular 6 из VS Code

Я создал новый проект командной строки Angular 6

ng new myProjects

Создан "подпроект"

ng g mySubProject

Если я обслуживаю mySubProject, а затем пытаюсь выполнить отладку из VS Code, используя мой обычный launch.json, то точки останова не срабатывают.

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

Может ли кто-нибудь посоветовать мне настроить мой launch.json для отладки подобных подпроектов?

(подробности о том, как у меня настроены подпроекты, основаны на сообщении здесь)

Если я просто ng serve, то этот launch.json отлаживает «основной» проект в порядке - поэтому я предполагаю, что мне нужно настроить где-нибудь в launch.json, чтобы сообщить ему, где находится дочерний проект?

Я пытался настроить все это с помощью VSC и Angular несколько месяцев назад. Вы должны найти все необходимое здесь stackoverflow.com/questions/40443217/…

maxime1992 21.05.2018 15:14

Спасибо за комментарий @ maxime1992, но а) я уже ответил на свой вопрос за день до вашего поста, и б) ваша ссылка на самом деле не отвечает на мой вопрос, так как мой вопрос относится к отладке подпроектов в Angular 6+

Maxxx 27.05.2018 09:53
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
16
2
9 150
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Чтобы отладить подпроект в рабочем пространстве Angular 6.0: Настройте конфигурацию launch.json так:

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

Это означает, что вам потребуется запись конфигурации для каждого дополнительного приложения.

Другие вопросы по теме