Отладка (vscode) файла машинописного текста в angular (chrome), который существует за пределами проекта angular

#angular #typescript #debugging #visual-studio-code

Вопрос:

У меня есть 2 папки в моем репо:

./shared-lib (общие файлы машинописных текстов)

./web (угловой проект)

Внутри моего углового tsconfig.json я ссылаюсь на shared-lib проект и использую файл оттуда. Все строится и работает великолепно. Однако я хочу отладить файлы в общей библиотеке.

В моем vscode у меня есть файл запуска:

     {
      "type": "chrome",
      "request": "attach",
      "name": "Web",
      "port": 9222,
      "webRoot": "${workspaceFolder}/web"
    }
 

Для обычного углового кода все это отлично отлаживается. Я могу указать точку останова линии, которая обращается к моей общей библиотеке. Однако, когда я захожу В общие файлы библиотеки, он жалуется, что не может найти файл. В chrome я могу сделать это прекрасно. Я предполагаю, что это связано с тем, что файлы отладки не сопоставлены.

Вот в чем заключается моя проблема. Угловой веб-пакет, похоже, компилирует его на один каталог выше корневого каталога веб-пакета.

введите описание изображения здесь

Я предположил, что могу рассказать vscode об этом:

 
    {
      "type": "chrome",
      "request": "attach",
      "name": "Web",
      "port": 9222,
      "pathMapping": {
        "../shared-lib": "${workspaceFolder}/shared-lib"
      },
      "webRoot": "${workspaceFolder}/web"
    }
 

Но, к сожалению, точки останова не привязываются. Как я могу указать отладчику vscode на нужные файлы на веб-сервере?