title: Angular 6 application not loading in Microsoft edge browser and not throwing any errors
body: <p>Angular 6 application which is integrated with keycloak is not loading in Microsoft Edge version 41.162 and Microsoft EdgeHTML 16.16299.</p>
  
  <p>In console throws only warning messages:
   HTML1300: Navigation occurred.
   CSS3121: The media query -ms-viewport has been deprecated.</p>
  
  <p>I have tried the following steps:</p>
  
  <p>1) I uncommented all of the imports in my polyfills.ts and ran the appropriate npm install commands.</p>
  
  <p>2) I added the following line in my index.html</p>
  
  <pre><code>  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
  </code></pre>
  
  <p>3) And I also turned off the "Display intranet sites in Compatibility View" in IE11 as suggested in the post.</p>
  
  <p>4) Verified that any subscribe function that is running outside of ts files are using</p>
  
  <p>.subscribe(function(data) { });
  instead of</p>
  
  <p>.subscribe((data) => {});</p>
  
  <p>but none of the following solutions helped.</p>
  
  <p>tsconfig.json</p>
  
  <pre><code>  {
      "compileOnSave": false,
      "compilerOptions": {
        "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
   "emitDecoratorMetadata": true,
   "experimentalDecorators": true,
   "allowSyntheticDefaultImports": true,
   "target": "es5",
   "typeRoots": ["node_modules/@types"],
   "lib": ["es2015", "es2017", "dom"]
  }
   }
  </code></pre>
  
  <p>polyfills.ts</p>
  
  <pre><code>    /** 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/weak-map';
      import 'core-js/es6/set';
  
      /** IE10 and IE11 requires the following for NgClass support on SVG elements */
      import 'classlist.js';  // Run `npm install --save classlist.js`.
  
      /** IE10 and IE11 requires the following for the Reflect API. */
      import 'core-js/es6/reflect';
  
  
      /** Evergreen browsers require these. **/
      // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
      import 'core-js/es7/reflect';
  
  
      /**
       * Required to support Web Animations `@angular/platform-browser/animations`.
       * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
       **/
      import 'web-animations-js';  // Run `npm install --save web-animations-js`.
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
  </code></pre>
  
  <p>Application to be loaded and redirected to keycloak for login after authorization needs to be redirected to the application. It's working in chrome and Mozilla Firefox browsers.</p>