☰

Angular 12のソースマップがブラウザに表示されない 質問する

tag-icon • tag-icon angular typescript angular12
Angular 12のソースマップがブラウザに表示されない 質問する

アップグレードしました角度12最近、ブラウザのソースマップが見つからないという問題に直面しており、このためコンポーネント ファイルがないためデバッグできません。何が欠けているのか、誰か教えてもらえませんか?

ベストアンサー1

Angular 12 では、デフォルトの「ng build」が「production」構成を使用するように変更されました。「sourceMap」が必要な場合は、次のように angular.json に「development」構成を追加してみてください。

"development": {
  "buildOptimizer": false,
  "optimization": false,
  "vendorChunk": true,
  "extractLicenses": false,
  "sourceMap": true,
  "namedChunks": true
}

「ng build -c development」をターゲットにするか、「ng serve」のデフォルト構成を変更します。

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "app:build"
  },
  "configurations": {
    "production": {
      "browserTarget": "app:build:production"
    },
    "development": {
      "browserTarget": "app:build:development"
    }
  },
  "defaultConfiguration": "development"
},

おすすめ記事