Infinite loop in IE and Safari when using with Angular 2

[freezy]

When using Smooch with Angular 2 and Webpack, the web application crashes due to an infinite loop. This happens when using Smooch as an npm dependency and also when including the minfied script tag in the body of the DOM.

In order reproduce, clone the official Angular 2 seed and add Smooch to it. Then run npm install && npm start and connect to http://localhost:3000 in Safari or IE. Chrome and Firefox work fine.

You will get a crash something along those lines:

SCRIPT28: Out of stack space
File: zone.js, Line: 385, Column: 18
SCRIPT2343: Stack overflow at line: 385

[lemieux]

Thanks for the report, we'll look into it and we'll keep you posted. Could you provide which version of Safari and IE were having problems?

[freezy]

Thanks, IE 11.589.10586.0 and Safari 9.1.3.

[captaincole]

@lemieux any progress on this?

Adding some more context that I dug up. It seems that zone.js has an issue with any polyfill that tries and override its promise.

angular/zone.js#316 # #

Edit: I have found that its all about the order of your script imports in your index.html file. Add smooch.min.js last to avoid the issues.

[lemieux]

@freezy can you try what @thielCole suggested in #416 ?

[lemieux]

I'll close this since there's no activity for almost a month.