Ionic 4 and IE11


#1

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


#2

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.