使用 intellij Ultimate 調試 angular cli 項目

Question

如何從 Intellij utlimate 調試 angular 項目？ 我遵循了本教程，但沒有結果。 我錯過了什么？ 我使用：
- Angular CLI：1.6.8 - 節點：6.10.0 - 操作系統：win32 x64 - Angular：5.2.4 - 打字稿：2.4.2 - webpack：3.10.0 和 Intellij 2017.3.4。

我的配置。 還嘗試過：特定映射。

我使用 ng serve 運行 angular 項目（也嘗試過 ng serve --sourcemaps=true）。 同樣在 tsconfig.json 中將 sourceMap 設置為 true。 來自 chrome 調試器的文件結構：結構

Answer 1

我正在運行 IntelliJ Ultimate。 假設您的 Angular 應用程序已經能夠在您的系統上運行並且您已經安裝了所需的插件，這很容易，因為我今天早上才開始工作。

添加 JavaScript 調試功能。 運行 -> 編輯配置... 單擊 + 選擇 JavaScript 調試 給它一個名稱 JS Dbug 設置應用程序運行的路徑，例如http://localhost:4200/

保存

在您的代碼中設置一個斷點，您知道在應用程序啟動時會遇到該斷點

使用“npm start”啟動您的應用程序一旦應用程序運行，單擊在調試模式下運行您的 JS Dbug

在瀏覽器中加載您的應用程序，它應該達到目的。

Answer 2

在我的情況下（對於 Angular 6），它是一個缺少的配置布爾值“evalSourceMap”：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "evalSourceMap": false
}