how do I get source map working for npm linked angular library

Question

I have created angular 7 library with ng g library @my-org/some-lib and use it in separate angular app by npm link to be able to develop both app and a library.

Now I found that in dev tools I see the library as a separate my-org-some-lib bundled js file resolved from the vendor.js.map yet it is not resolving further to the sourceMappingURL=my-org-some-lib.js.map which exists in the my-org-some-lib.js and the map file is actually generated in a builded library.

Not sure but looks like the same issue. github.com/webpack-contrib/source-map-loader/issues/40. Please check LeonardoGentile answer in the link — M S
– M S, Commented Jun 12, 2020 at 8:50

azerafati · Accepted Answer · 2021-09-11 11:26:39Z

4

what worked for me was this from here https://angular.io/guide/workspace-config#source-map-configuration

"sourceMap": {
  "scripts": true,
  "styles": true,
  "hidden": false,
  "vendor": true
}

answered Sep 11, 2021 at 11:26

azerafati

18.7k7 gold badges73 silver badges77 bronze badges

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

Comments

ciekawy · Accepted Answer · 2020-01-11 23:23:58Z

2

after some time of dealing with combined library sources finally I found a solution:

in the angular.json in projects.app.architect.build.options path there need to include

"options": {
  "sourceMap": true,
  "vendorSourceMap": true,
  "preserveSymlinks": true, // <-- bonus - to use npm link'ed libraries
  // ...
  // note that json format does not allows comments ;)
}

to avoid sourcemaps in production ensure (should be there by default)

"configurations": {
  "production" :{
    "sourceMap": false
    // ...
  }
}

there was a bug in @angular-devkit/build-angular, version >= 0.801.3 should work ok

the above solution is taken from https://github.com/angular/angular-cli/issues/15531

answered Jan 11, 2020 at 23:23

ciekawy

2,3371 gold badge25 silver badges42 bronze badges

1 Comment

Liam Over a year ago

These options were removed in angular 8. The options shown by Azerafati are more up to date though I think this explains there location better

Collectives™ on Stack Overflow

how do I get source map working for npm linked angular library

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related