Ionic 4 and IE11

Hey,

is there any chance to run Ionic 4 on IE11?

I commented out the lines in the polyfill but always get the following error:

Steps to reproduce:

ionic start ie11Test
-> Ionic 4 = yes
-> Starter Template = blank
-> AppFlow SDK = no

npm install --save classlist.js
npm install --save web-animations-js

Uncomment following lines in /src/polyfills.ts

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’;
import ‘classlist.js’; // Run npm install --save classlist.js.
import ‘core-js/es6/reflect’;
import ‘web-animations-js’; // Run npm install --save web-animations-js.

ionic info

Ionic:

ionic (Ionic CLI) : 4.5.0 (C:\Users\Chr\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.16
@angular-devkit/build-angular : 0.10.7
@angular-devkit/schematics : 7.0.7
@angular/cli : 7.0.7
@ionic/angular-toolkit : 1.2.0

System:

NodeJS : v8.11.2 (C:\Program Files (x86)\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10

ionic serve

Now, open IE and goto: http://localhost:8100/home

There is an empty window. The console outputs:

SCRIPT5022: Annahme ausgelöst und nicht aufgefangen.
_global.js (1,1)
SCRIPT5022: SecurityError
zone.js (215,1)

Commenting out this line in polyfills:

//import ‘web-animations-js’; // Run npm install --save web-animations-js.

Returns:

ERROR Error: Uncaught (in promise): TypeError: Die Eigenschaft "call" eines undefinierten oder Nullverweises kann nicht abgerufen werden.
TypeError: Die Eigenschaft "call" eines undefinierten oder Nullverweises kann nicht abgerufen werden.
   at __webpack_require__ (http://localhost:8100/runtime.js:84:12)
   at ZoneDelegate.prototype.invoke (http://localhost:8100/polyfills.js:7881:13)
   at onInvoke (http://localhost:8100/vendor.js:46624:17)
   at ZoneDelegate.prototype.invoke (http://localhost:8100/polyfills.js:7881:13)
   at Zone.prototype.run (http://localhost:8100/polyfills.js:7633:17)
   at Anonymous function (http://localhost:8100/polyfills.js:8367:17)
   at ZoneDelegate.prototype.invokeTask (http://localhost:8100/polyfills.js:7914:13)
   at onInvokeTask (http://localhost:8100/vendor.js:46615:17)
   at ZoneDelegate.prototype.invokeTask (http://localhost:8100/polyfills.js:7914:13)
   at Zone.prototype.runTask (http://localhost:8100/polyfills.js:7683:21)
SCRIPT5022: SecurityError
polyfills.ts (87,4)

Now, the Ionic Blank Page is shown.

Doing all this with the menu-tempate leads to the result that, for example, the menu can not be unfolded.

Any hints? Thanks,

Christian

Ionic is really not designed with IE11 in mind, rather webkit / mozilla / edge. It’ll be a world of hurt.

I wouldn’t use it as a main website as its not its intended audience.
Something like https://material.angular.io/ would provide a much more flush experience.

Found almost same your answer in couple places.
I’m sure somebody tries to get IE11 support not because of really big fun. What if they just want to organize ActiveX support? Do you know better way to do that?