Отладчик VS Code Chrome не открывает окно до завершения предзапуска в проекте Angular

У меня возникла проблема с отладкой приложения Angular с помощью кода Visual Studio и отладчика Chrome. Когда я запускаю сеанс отладки, окно браузера Chrome не открывается, пока я вручную не выйду из задачи предварительного запуска. Такое поведение не позволяет мне беспрепятственно запустить процесс отладки. Вот подробности:

Среда:

• Код Visual Studio: 1.89.1
• Угловой: 18.0.0
• Хром: 124.0.6367.119
• ОС: Mac Sonoma 14.2.1

запуск.json:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "preLaunchTask": "npm: start",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}",
            "sourceMapPathOverrides": {
                "webpack:/*": "${webRoot}/*",
                "/./*": "${webRoot}/*",
                "/src/*": "${webRoot}/*",
                "/*": "*",
                "/./~/*": "${webRoot}/node_modules/*"
            }
        }
    ]
}

задачи.json

{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "start",
      "isBackground": true,
      "presentation": {
        "focus": true,
        "panel": "dedicated"
      },
      "group": {
        "kind": "build",
        "isDefault": true
      },
      "problemMatcher": {
        "owner": "typescript",
        "source": "ts",
        "applyTo": "closedDocuments",
        "fileLocation": ["relative", "${cwd}"],
        "pattern": "$tsc",
        "background": {
          "activeOnStart": true,
          "beginsPattern": {
            "regexp": "(.*?)"
          },
          "endsPattern": {
            "regexp": "Compiled |Failed to compile."
          }
        }
      }
    }
  ]
}

Действия по воспроизведению:

1. Откройте проект Angular в VS Code.
2. Нажмите F5, чтобы начать отладку сессия.
3. Обратите внимание, что окно Chrome не откроется до тех пор, пока предстартовая задача (ngserve) закрывается вручную.

Ожидаемое поведение:

Окно браузера Chrome должно открыться автоматически, как только ngserv завершит первоначальную компиляцию и начнет отслеживать изменения.

Фактическое поведение:

Окно браузера Chrome не откроется, пока я вручную не выйду из задачи ng serve предварительного запуска.

Что я пробовал:

• Убедитесь, что для флага isBackground установлено значение true в файле Tasks.json.
• Проверка шаблонов сопоставления проблем, чтобы убедиться в их правильности.
• Проверка того, что ngserv успешно работает с терминала

Как я могу настроить VS Code и отладчик Chrome так, чтобы они автоматически открывали окно Chrome, как только ngserv завершит первоначальную компиляцию и перейдет в режим просмотра, не требуя ручного вмешательства? Это немного странно, поскольку я скопировал и вставил точный запуск и задачи из приложения Angular, где работает отладка.

Любая помощь или предложения будут очень признательны!