[解決済み] ブレークポイントの解除 - VS Code | Chrome | Angular

質問

でデバッグしようとしている Angular アプリケーションがあります。 VSコード .

アプリケーションをコンパイルして実行すると( ng serve ) ブレークポイントがバインドされています。

しかし、別の設定を指定した場合、例えば -c qa または -c uat のように、結合されていない状態です。

1. 別のブレイクポイントを指定すると、ブレイクポイントが解除されるのはなぜですか？ の設定を教えてください。
2. 特定の環境をターゲットにしたデバッグセッションでブレークポイントをバインドするにはどうすればよいですか？

関連情報

angular.json サンプル環境設定です。

"uat": {
  "fileReplacements": [
    {
      "replace": "src/environments/environment.ts",
      "with": "src/environments/environment.uat.ts"
    }
  ],
  "optimization": true,
  "outputHashing": "all",
  "sourceMap": false,
  "extractCss": true,
  "namedChunks": false,
  "extractLicenses": false,
  "vendorChunk": false,
  "buildOptimizer": true,
  "budgets": [
    {
      "type": "initial",
      "maximumWarning": "2mb",
      "maximumError": "5mb"
    },
    {
      "type": "anyComponentStyle",
      "maximumWarning": "6kb",
      "maximumError": "10kb"
    }
  ]
},

ソフトウェアのバージョン管理。

• Visual Studio コード 1.50.1
• クローム 83.0.4103.122
• Chrome用デバッガ 4.12.11
• JavaScriptデバッガ (ナイトリー) 2020.10.2217

解決方法は？

この修正方法は簡単で、「Space」ディレクトリに「Space」を設定していなかったのです。 sourceMap プロパティを true で angular.json を使用していましたが、その環境では "sourceMap": false,

参照 https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/SourceMap をご覧ください。

コナー - に感謝します。 https://github.com/microsoft/vscode-js-debug/issues/872