Multiple angular application issue in IE browser due to pollyfill.js loaded separately for each application

Viewed 205

My Problem:

I am having an angular application which is part of larger CMS system embedded in iframe, there i have another angular application already hosted in header part of CMS. I am facing an issue in Internet explorer for zone.js as pollyfill.js file is loading two times one for each application.

Assumption: My assumption is that as header angular application loads its pollyfill then my second application load its pollyfill.js and it throws error as :

Zone.js has detected that ZoneAwarePromise (window|global).Promise has been overwritten. Most likely cause is that a Promise polyfill has been loaded after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. If you must load one, do so before loading zone.js.)

Please suggest an approach to deal with this situation or route me to correct article if already exist somewhere as i have not found relevant solution yet

What i tried so far: I have tried solution of using/creating custom webpack angular builders instead of default angular devkit builders referring one of an article but still not succeed. also have two different app root name for these application.

enter image description here

your help highly appreciated.

0 Answers
Related