Angular 12 library source maps unavailable

Question

After upgrading to Angular 12, the source maps of a custom Angular library component are not available for debugging anymore.

Here is part of angular.json from the Angular application module, which consumes the library:

"projects": {
  "myapp": {
    "build": {
      "configurations": {
        "development": {
          "optimization": false,
          "sourceMap": true,
          "namedChunks": true,
          "extractLicenses": false,
          "vendorChunk": true,
          "buildOptimizer": false,
          "budgets": []
        }
      }
    },
    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "myapp:build"
      },
      "configurations": {
        "production": {
          "browserTarget": "myapp:build:production"
        },
        "development": {
          "browserTarget": "myapp:build:development"
        }
      },
      "defaultConfiguration": "development"
    }
  }
}

Markus Pscheidt · Accepted Answer · 2021-10-18 13:35:55Z

5

Simply setting sourceMap: "true" is not sufficient in this case.

In order to make library sources available, use the following instead and set sourceMap.vendor to true:

"development": {
  "optimization": false,
  "sourceMap": {
    "scripts": true,
    "styles": true,
    "vendor": true
  },
  "namedChunks": true,
  "extractLicenses": false,
  "vendorChunk": true,
  "buildOptimizer": false,
  "budgets": []
}

answered Oct 18, 2021 at 13:35

Markus Pscheidt

7,4017 gold badges63 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Said Chleuh · Accepted Answer · 2022-09-23 14:36:59Z

1

I resolved this problem in angular 14 by putting sourceMap true in angular.jsoin and tsconfig.json and : In chrome : Inspect -> Parameters -> Preferences -> source -> Enable javascript sourceMap

maybe can help

answered Sep 23, 2022 at 14:36

Said Chleuh

112 bronze badges

Collectives™ on Stack Overflow

Angular 12 library source maps unavailable

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related