Errors are not readable / prevent sourcemaps in console because of Zone.js

[tbosch]

Zone.js replaces the global Error function.
This breaks logging of errors:

• if a user calls new Error(...), the error is shown as an object instead of showing its stack
• for SyntaxErrors, stack traces don't work correctly with sourcemaps.
• source maps don't work on stack traces when long-strack-trace zones is used

[tbosch]

for the long stack traces issue, see angular/zone.js#661

[tbosch]

This is still not working...
See cl/150369238 for a reproduction...

[Martin-Luft]

I don't know if this is related... When I use require('zone.js/dist/long-stack-trace-zone'); then I get this console output (version 0.8.4):

long-stack-trace-zone.js?fcc3:149 >>>>>>  Error: STACKTRACE TRACKING
long-stack-trace-zone.js?fcc3:149 >>>>>>     at __SEP_TAG__ (eval at <anonymous> (http://localhost:8080/polyfills.js:3091:1), <anonymous>:128:37) [<root>]     at captureStackTraces (eval at <anonymous> (http://localhost:8080/polyfills.js:3091:1), <anonymous>:128:37) [<root>]

[cdupetit]

@Martin-Wegner Same console output for me (zone.js: 0.8.4) :

long-stack-trace-zone.js:149 >>>>>>  Error: STACKTRACE TRACKING
long-stack-trace-zone.js:149 >>>>>>     at __SEP_TAG__.54 (http://10.3.60.13:3000/index.js:1122:1) [<root>]     at Object.54 (http://10.3.60.13:3000/index.js:1122:1) [<root>]
long-stack-trace-zone.js:149 >>>>>>     at __SEP_TAG__.54 (http://10.3.60.13:3000/index.js:1122:1) [<root>]     at eval (webpack:///./src/polyfills.browser.ts?:9:93) [<root>]

my polyfills.browser.ts:

import 'core-js/es6/reflect';
import 'core-js/es7/reflect';
import 'core-js/client/shim';
import 'zone.js/dist/zone';
import 'zone.js/dist/long-stack-trace-zone';
import 'ts-helpers';

[tbosch]

Note: This is already fixed in angular/zone.js@6010557 and will be released soon.