How to debug angular 13 library?

Viewed 333

I created a new angular 13 library and I having issues with it. So trying to debug it. I followed steps in existing angular library questions which mentioned to update angular json like

{
  "projects": {
    "your-app": {
      "architect": {
        "serve": {
          "options": {
            "vendorSourceMap": true

But still i am not able to use the firefox dev tools to debug the library.

1 Answers

Since you are using angular version 12 or greater the vendorSource would be deprecated and instead have to add sourceMap with scripts, styles, vendor as true in the build options of host applications' angular.json

{
  "projects": {
    "your-app": {
      "architect": {
        "build": {
          "options": {
            "sourceMap": {
              "scripts": true,
              "styles": true,
              "vendor": true
            },
Related