Как отладить angular frontend с сервером django на vscode (непроверенная точка останова)?

Я запускаю сервер django для бэкенда моего приложения и angular для фронтенда. В основном, чтобы заставить мое приложение работать, я запускаю мой django сервер:

python manage.py runserver

А на angular я использую:

ng build --output-path django_static_folder/ang --watch --output-hashing none

Я пытаюсь отладить код angular с помощью vscode. У меня возникла проблема с "Unverified Breakpoint" в vscode. Я просмотрел много тем по этой проблеме, но ни в одной из них не говорилось о том, как отлаживать, когда сервер не управляется angular, используя ng serve

Вот моя фактическая конфигурация:

{
  "version": "0.1.0",
  "configurations": [
    {
      "name": "Angular debug",
      "type": "firefox",
      "request": "launch",
      "url": "http://127.0.0.1:8000/",
      "webRoot": "${workspaceFolder}",
    }
  ]
}

Папка workspaceFolder - это папка моего рабочего пространства angular.

url - это тот, что с сервера django. Когда я запускаю отладчик, запускается приложение firefox и я нахожусь в своем приложении, но я не могу поставить точку останова.

Я считаю, что проблема возникает из-за того, что я не использую angular server. Возможно, мне следовало бы, но тогда я не знаю, как перенаправить на правильный url на стороне сервера django

Может ли кто-нибудь помочь мне в этом вопросе?

Вернуться на верх