#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 на нужные файлы на веб-сервере?