`vscode debug angular не может достичь точки останова: точка останова установлена, но еще не связана

Question

Я ссылался на метод в этой статье: Как отладить приложение Angular В Chrome для отладки приложения angular в vscode с Debugger for Chrome, но не может достичь точки останова: breakpoint set but not yet bound.

версия vscode: 1.41.0
angular версия: 8.2.14
Debug for chrome версия: 4.12.6

Структура моего проекта:

|--.vscode
|      |--lanuch.json
|--dist
|    |--ng-app
|          |--index.html
|          |--...
|          
|--projects
|     |--ng-app
|     |    |--e2e
|     |    |--src
|     |
|     |--ng-demo
|          |--e2e
|          |--src 
|     
|--angular.json
|--tsconfig.json
|--package.json

Я хочу отладить ng-app, запуск. json содержимое файла:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

Я не знаю, где что-то не так, и как это решить. Я искал в Google, но не получил соответствующий ответ.

Спасибо!

Answer 1

Это веб Root, нужно указать на приложение:

"webRoot": "${workspaceFolder}/myapp/src",