Is it possible to get a readable stack trace for a webpack production environment for a minified bundle with dev-tool set to source-map? I am running Typescript and react with a Webpack build. An example of an exception that is being thrown is shown in the listing below:

http://localhost:8080/vendors~course-list.3042c44300bc08021f63.bundle.js:2:6029
http://localhost:8080/vendors~course-list.3042c44300bc08021f63.bundle.js:2:5067

in w in b in withRouter(b) in e in e in Suspense in div in e in e in S

In the above stacktrace the following observations can be made with the devtool option set to source-map:

• names remain minimised, e.g. w, b and e.
• minimised error locations are reported, e.g. line number and column numbers.

Is it possible to get a readable stack trace for a webpack production environment for a minified bundle with dev-tool set to source-map? I am running Typescript and react with a Webpack build. An example of an exception that is being thrown is shown in the listing below:

http://localhost:8080/vendors~course-list.3042c44300bc08021f63.bundle.js:2:6029
http://localhost:8080/vendors~course-list.3042c44300bc08021f63.bundle.js:2:5067

in w in b in withRouter(b) in e in e in Suspense in div in e in e in S

In the above stacktrace the following observations can be made with the devtool option set to source-map:

• names remain minimised, e.g. w, b and e.
• minimised error locations are reported, e.g. line number and column numbers.

• javascript
• runtime-error
• stack-trace

Share Improve this question Follow asked Oct 18, 2019 at 9:33 anon_dcs3sppanon_dcs3spp 3,05277 gold badges3838 silver badges7777 bronze badges 1

• Did you get it to work? – Mick Commented Oct 18, 2019 at 13:10

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

I'm using this npm package and it works great :)

https://www.npmjs./package/sourcemapped-stacktrace

Example:

    import * as sourceStackTrace from 'sourcemapped-stacktrace';
    ...

    const minifiedStack = new Error().stack;
    sourceStackTrace.mapStackTrace(minifiedStack, (stackTrace: string[]) => {
        // Do your thing here
    });