raven-js doesn't work with a standard angular-cli app

As soon as raven-js is called the angular app no longer works but only start some kind of infinite loop:

    at http://localhost:4200/polyfills.bundle.js:5303:31
    at XMLHttpRequest.proto.(anonymous function) (http://localhost:4200/polyfills.bundle.js:3819:24)
    at XMLHttpRequest.open (http://localhost:4200/vendor.bundle.js:4636:37)
    at Raven._makeRequest (http://localhost:4200/vendor.bundle.js:5317:17)
    at Raven._sendProcessedPayload (http://localhost:4200/vendor.bundle.js:5241:56)
    at Raven._send (http://localhost:4200/vendor.bundle.js:5183:22)
    at Raven._processException (http://localhost:4200/vendor.bundle.js:4957:14)
    at Raven._handleStackInfo (http://localhost:4200/vendor.bundle.js:4863:14)
    at Raven.captureException (http://localhost:4200/vendor.bundle.js:4001:18)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3937:22)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)
    at XMLHttpRequest.wrapFn (http://localhost:4200/polyfills.bundle.js:3620:39)
    at XMLHttpRequest.wrapped [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:4200/vendor.bundle.js:3934:29)

Start a new angular-cli app using ng new, add the npm raven-js dependency, import and call it from the app.module.ts,
This is a minimal repository containing only an empty angular-cli app, the raven-js dep and just the initializing code (Raven.config().install() is enough to trigger the problem): https://github.com/esistgut/raventest

we tracked back the cause to zone.js@0.8.17, with the previous minor release, 0.8.16 everything still works

I am experiencing this as well.

Same issue here with angluar-cli 1.4.0 and zone.js 0.8.16.

The following console errors are thrown:
Firefox: InternalError: too much recursion
Other browsers: RangeError: Maximum call stack size exceeded

Is it likely that this problem can be solved in a future version of Raven? I would prefer not to have to lock down my version of zone.js for this kind of compatibility issue.

+1

@LukasKlement

@LukasKlement @rtm @mkoczorowski, this issue is not on Raven.js implementation side, but rather on Zone.js. Thankfully they already patched it 5 days ago, and things are working correctly now.
It just has to be released as a patched version to npm. Please see 2 recent commits from Sep 6th – https://github.com/angular/zone.js/commits/master

You can test it yourself locally by changing your zone.js in your package.json to git@github.com:angular/zone.js.git#d4e5ae8f6e72f0b4ef8e816e369530b72e582ba7, eg.

"zone.js": "git@github.com:angular/zone.js.git#d4e5ae8f6e72f0b4ef8e816e369530b72e582ba7"

To be more specific (as there are still plenty of reports of this issue), this is the commit that'll fix it – angular/zone.js@d4e5ae8

Ride on!
Upgrading zone.js to 0.8.18 worked for my Angular v.4+ app.

@kblestarge

@kblestarge

Are you sure ? I just upgraded zone.js to 0.8.18 and still have the loop error :(

@mxman06

@mxman06 it works for me with zone.js 0.8.18 - perhaps there is another culprit?

Navigation Menu

Repository navigation

raven-js doesn't work with a standard angular-cli app #1016

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

raven-js doesn't work with a standard angular-cli app #1016

Description

Activity

colthreepv commented on Aug 24, 2017

tlaverdure commented on Aug 28, 2017

LukasKlement commented on Sep 9, 2017

rtm commented on Sep 11, 2017

mkoczorowski commented on Sep 11, 2017

kamilogorek commented on Sep 11, 2017

kamilogorek commented on Sep 22, 2017

kblestarge commented on Oct 10, 2017

mxman06 commented on Oct 11, 2017

LukasKlement commented on Oct 11, 2017

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions