Angular App Empty Page in IE but works in Chrome

I'm running angular 8 application in windows 10 with IE11.

I tried many solutions from stackoverflow. But didn't worked anything. then i tried same solutions separately, then i got to one conclusion.

This is my final solution. i don't for howmany people it will work. but for me it worked.

1. tsconfig.json

"target": "es2015"

changed to

"target": "es5"

2. Restart your applications. this Mandatory.

step 1:

Include or uncomment the below lines in pollyfills.ts below which is under src folder


> import 'classlist.js';  import 'web-animations-js'; (window as
> any).__Zone_enable_cross_context_check = true; import
> 'zone.js/dist/zone';

Step 2:

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

Step 3:change the value of target from es2015 to es5 in your tsconfig.json file as below

"target": "es5",

Step 4:

Restart your application by doing ng serve

what is your ie version.

at official site it's only support 9,10,11

see more : https://angular.io/guide/browser-support

Found my answer here: Angular4 Application running issues in IE11.

Go to polyfills.ts file under the src/ folder and then as per the instructions in that file, uncomment (or add if there aren't these lines) the following lines:

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
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/set';

Final notes

For the newer versions of core-js you need to change the import from '…/es6/…' to '…/es/…' (example: import 'core-js/es/symbol';).