Как я могу отладить многопроектное рабочее пространство Angular в коде Visual Studio

Question

Как можно отладить многопроектное рабочее пространство Angular в VSCode с помощью VS Code - Debugger for Chrome ? После миграции в многопроектное рабочее пространство Angular отладка больше не работает. Я получаю следующее сообщение, если я установил точку останова.

Точка останова установлена, но еще не связана

Я нашел сообщение в блоге на эту тему: «Точки останова кода Visual Studio для угловой многопроектной рабочей области» . Я добавил следующее к своему launch.json, заменил "webRoot": "${workspaceRoot}"" на "webRoot": "${workspaceFolder}":

{
    "name": "Launch new-app in Chrome against localhost (with sourcemaps)",
    "type": "chrome",
    "request": "launch",
    "runtimeExecutable": "/usr/bin/chromium-browser",
    "runtimeArgs": [
        "--disable-extensions"
    ],
    "url": "http://localhost:4200",
    "webRoot": "${workspaceFolder}",
    "sourceMaps": true,
    "sourceMapPathOverrides": {
        "/./*": "${webRoot}/projects/new-app/*",
        "/src/*": "${webRoot}/projects/new-app/src/*",
        "/*": "*",
        "/./~/*": "${webRoot}/node_modules/*",
    },
}

Я также заменил new-app на правильное имя приложения, но оно все равно не работает.

Структура папок:

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

Answer 1

Это работает, используя команду .scripts, чтобы найти правильные пути для свойства sourceMapPathOverrides.

    {
      "name": "Launch editor in Chrome against localhost (with sourcemaps)",
      "type": "chrome",
      "request": "launch",
      "runtimeExecutable": "/usr/bin/chromium-browser",
      "runtimeArgs": [
        "--disable-extensions"
      ],
      "url": "http://localhost:4200",
      "webRoot": "${workspaceFolder}",
      "sourceMaps": true,
      "sourceMapPathOverrides": {
          "webpack:/*": "${webRoot}/projects/apps/editor/*",
          "webpack:///./src/*": "${webRoot}/projects/apps/editor/src/*",
          "/*": "*",
          "/./~/*": "${webRoot}/node_modules/*",
      },
  }