'No sourcemap for customized library on browser console with angular 11

I've upgraded to angular 11 from 7. For angular 7 if I put below configuration under architect of a library I create in angular.json , I can see the source map on console , and I can click the ts files to see the source and debug.

 "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "sourceMap": {
          "scripts": true,
          "styles": true,
          "vendor": true
        }
      }

But this method isn't working for angular 11. I googled some posts such as Angular 12 source map is missing in browser and tried the mentioned ways including both build and serve configuration, but none worked.

Here are the steps I run the project :

1.Runs ng build conversation-plugin --watch=true to build my library

2.Starts the project by running ng serve

What I'm expecting is whatever related to the library should be mapped to a ts file not js on console. Any ideas? Thanks

angular angular-cli

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'No sourcemap for customized library on browser console with angular 11

Sources

Related Questions