🐞 bug report
Affected Package
The issue is caused by package @angular/common.
And it is related to @angular/google-maps.
Is this a regression?
I'm not sure. This is the first time for me trying to implement a JSONP call to the Google Maps API in Angular and support Internet Explorer 11.
Description
A JSONP call to the Google Maps API fails in Internet Explorer 11 while it works fine in other browsers.
I followed this guide: https://github.com/angular/components/tree/master/src/google-maps#lazy-loading-the-api
JSONP calls only fail in Internet Explorer with the Google Maps API. I tried other JSONP endpoints, and they seem to work fine.
So, if you think this is not an Angular issue, this bug needs to taken to the Google Maps API I guess.
🔬 Minimal Reproduction
I created a demo repository here: https://github.com/sebastianhaeni/angular-jsonp-bug
Unfortunately it cannot be reproduced on stackblitz because it needs a full prod build, so IE 11 can execute the JavaScript (ES5 and polyfills needed).
My hunch is that it's somehow a problem with the lifecycle of the JSONP callback function on the window object, which is maybe removed too early.
🔥 Exception or Error
Unhandled Promise rejection: ng_jsonp_callback_0 is not a function ; Zone: ; Task: Promise.then ; Value: InvalidValueError: ng_jsonp_callback_0 is not a function undefined
🌍 Your Environment
Angular Version:
Angular CLI: 10.0.8
Node: 12.18.1
OS: darwin x64
Angular: 10.0.14
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.1000.8
@angular-devkit/build-angular 0.1000.8
@angular-devkit/build-optimizer 0.1000.8
@angular-devkit/build-webpack 0.1000.8
@angular-devkit/core 10.0.8
@angular-devkit/schematics 10.0.8
@angular/cli 10.0.8
@ngtools/webpack 10.0.8
@schematics/angular 10.0.8
@schematics/update 0.1000.8
rxjs 6.5.5
typescript 3.9.7
webpack 4.43.0
Anything else relevant?
Specific browser version:
- Internet Explorer 11
- Version: 11.3986.14393.0
- Update Versions: 11.0.210
🐞 bug report
Affected Package
The issue is caused by package
@angular/common.And it is related to
@angular/google-maps.Is this a regression?
I'm not sure. This is the first time for me trying to implement a JSONP call to the Google Maps API in Angular and support Internet Explorer 11.
Description
A JSONP call to the Google Maps API fails in Internet Explorer 11 while it works fine in other browsers.
I followed this guide: https://github.com/angular/components/tree/master/src/google-maps#lazy-loading-the-api
JSONP calls only fail in Internet Explorer with the Google Maps API. I tried other JSONP endpoints, and they seem to work fine.
So, if you think this is not an Angular issue, this bug needs to taken to the Google Maps API I guess.
🔬 Minimal Reproduction
I created a demo repository here: https://github.com/sebastianhaeni/angular-jsonp-bug
Unfortunately it cannot be reproduced on stackblitz because it needs a full prod build, so IE 11 can execute the JavaScript (ES5 and polyfills needed).
My hunch is that it's somehow a problem with the lifecycle of the JSONP callback function on the
windowobject, which is maybe removed too early.🔥 Exception or Error
🌍 Your Environment
Angular Version:
Anything else relevant?
Specific browser version: