VSCodeでデバッグ時にブレークポイントが「未確認のブレークポイント」となってしまう

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Angular7 + .Net Core2.2でWebアプリを開発中です。

デバッグについては、バックはVisualStudio、フロントはVSCodeで行っています。

発生している問題

VSCodeでng serveし、F5でデバッグ実行すると、設定していたブレークポイントが「未確認のブレークポイント」となり無効となってしまいます。

Launch.json

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

試したこと

• 他のプロジェクトでも同様

• Debugger for Chromeの再インストール

• マシンの再起動

• webRootを"${workspaceFolder}/src"に変更

よろしくお願いします。

Answer 1

グローバルインストールしたngとローカルのngコマンドのバージョンは同一ですか？

npm run ng serve

で起動、デバックを実行してみてください。

あと、Debugger for Chromeが必要だったはず。
https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome