Zone.js ZoneAwarePromise Error

[cnmoro]

Hello, after integrating freedraw with my project, it shows this error on page load and nothing works:

Error: 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.)

All I did was add:

const freeDraw = new FreeDraw(); map.addLayer(freeDraw);

[AndreasOlausson]

We have had the same problem with angular (7/8). We ended up with a fork where we added the same core-js polyfills that angular does to avoid the zone.js conflict.

FreeDraw.js:

delete: import 'core-js';

add: import 'core-js/es6/symbol'; import 'core-js/es6/object'; import 'core-js/es6/function'; import 'core-js/es6/parse-int'; import 'core-js/es6/parse-float'; import 'core-js/es6/number'; import 'core-js/es6/math'; import 'core-js/es6/string'; import 'core-js/es6/date'; import 'core-js/es6/array'; import 'core-js/es6/regexp'; import 'core-js/es6/map'; import 'core-js/es6/weak-map'; import 'core-js/es6/set';

[cnmoro]

thank you for the comment ! I'll try your solution and post the results later

[FedericoAndreoli]

Hi guys, i'm having the same issue but i'm not understanding how to make it work... I've installed the package with npm and i don't have the source code, so i dinìt know where to modify the imports...

Can you please help me?

[chriswilley]

In my case, updating zone.js to 0.10.3 solved this issue.

https://github.com/angular/angular/issues/31724#issuecomment-600634210