title: Angular 9 Application Not running on IE11
body: <p>Our team has created an angular 9 new project and it is working perfectly fine on Google Chrome and Firefox but on IE11 I cant see anything.
  I have tried everything on from the internet followed every blog related to this but I unable to achieve the goal.</p>
  <p>Here is my tsconfig.json</p>
  <pre><code>{
    &quot;compileOnSave&quot;: false,
    &quot;compilerOptions&quot;: {
      &quot;baseUrl&quot;: &quot;./&quot;,
      &quot;outDir&quot;: &quot;./dist/out-tsc&quot;,
      &quot;sourceMap&quot;: true,
      &quot;declaration&quot;: false,
      &quot;downlevelIteration&quot;: true,
      &quot;experimentalDecorators&quot;: true,
      &quot;allowSyntheticDefaultImports&quot;: true,
      &quot;module&quot;: &quot;esnext&quot;,
      &quot;moduleResolution&quot;: &quot;node&quot;,
      &quot;importHelpers&quot;: true,
      &quot;target&quot;: &quot;es2015&quot;,
      &quot;lib&quot;: [
        &quot;es2018&quot;,
        &quot;dom&quot;
      ],
      &quot;paths&quot;: {
        &quot;@app/*&quot;: [&quot;src/app/*&quot;],
        &quot;@modules/*&quot;: [&quot;src/app/modules/*&quot;],
        &quot;@services/*&quot;: [&quot;src/app/services/*&quot;],
        &quot;@shared/*&quot;: [&quot;src/app/shared/*&quot;],
        &quot;@env/*&quot;: [&quot;src/environments/*&quot;],
        &quot;@mocks/*&quot;: [&quot;mocks/*&quot;],
        &quot;@models/*&quot;: [&quot;src/app/models/*&quot;]
      }
    },
    &quot;angularCompilerOptions&quot;: {
      &quot;fullTemplateTypeCheck&quot;: true,
      &quot;strictInjectionParameters&quot;: true
    }
  }
  </code></pre>
  <p>tsconfig-es5.app.json</p>
  <pre><code>{
      &quot;extends&quot;: &quot;./tsconfig.app.json&quot;,
      &quot;compilerOptions&quot;: {
          &quot;target&quot;: &quot;es5&quot; 
       }
     }
  </code></pre>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;connect-ui&quot;,
    &quot;version&quot;: &quot;0.0.0&quot;,
    &quot;scripts&quot;: {
      &quot;ng&quot;: &quot;ng&quot;,
      &quot;start&quot;: &quot;ng serve --port 6574&quot;,
      &quot;start:dev&quot;: &quot;concurrently \&quot;npm run mocks\&quot; \&quot;npm start\&quot;&quot;,
      &quot;mocks&quot;: &quot;json-server --watch db.json --routes db.routes.json --port 6575&quot;,
      &quot;build&quot;: &quot;ng build --base-href /ng/&quot;,
      &quot;test&quot;: &quot;ng test&quot;,
      &quot;lint&quot;: &quot;ng lint&quot;,
      &quot;e2e&quot;: &quot;ng e2e&quot;,
      &quot;storybook&quot;: &quot;start-storybook -p 6576&quot;,
      &quot;build-storybook&quot;: &quot;build-storybook&quot;
    },
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@angular/animations&quot;: &quot;^9.1.9&quot;,
      &quot;@angular/common&quot;: &quot;~9.1.0&quot;,
      &quot;@angular/compiler&quot;: &quot;~9.1.0&quot;,
      &quot;@angular/core&quot;: &quot;~9.1.0&quot;,
      &quot;@angular/forms&quot;: &quot;~9.1.0&quot;,
      &quot;@angular/localize&quot;: &quot;~9.1.0&quot;,
      &quot;@angular/platform-browser&quot;: &quot;~9.1.0&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;~9.1.0&quot;,
      &quot;@angular/router&quot;: &quot;~9.1.0&quot;,
      &quot;@fortawesome/angular-fontawesome&quot;: &quot;^0.6.1&quot;,
      &quot;@fortawesome/fontawesome-svg-core&quot;: &quot;^1.2.28&quot;,
      &quot;@fortawesome/free-brands-svg-icons&quot;: &quot;^5.13.0&quot;,
      &quot;@fortawesome/free-regular-svg-icons&quot;: &quot;^5.13.0&quot;,
      &quot;@ng-bootstrap/ng-bootstrap&quot;: &quot;^6.1.0&quot;,
      &quot;@ngx-gallery/core&quot;: &quot;^5.0.0-beta.0&quot;,
      &quot;@ngx-translate/core&quot;: &quot;^12.1.2&quot;,
      &quot;@ngx-translate/http-loader&quot;: &quot;^4.0.0&quot;,
      &quot;@types/zingchart&quot;: &quot;^2.8.0&quot;,
      &quot;angular-gridster2&quot;: &quot;^9.1.0&quot;,
      &quot;angular2-uuid&quot;: &quot;^1.1.1&quot;,
      &quot;bootstrap&quot;: &quot;^4.4.0&quot;,
      &quot;classlist.js&quot;: &quot;^1.1.20150312&quot;,
      &quot;concurrently&quot;: &quot;^5.2.0&quot;,
      &quot;core-js&quot;: &quot;^2.5.5&quot;,
      &quot;flatpickr&quot;: &quot;^4.6.3&quot;,
      &quot;json-server&quot;: &quot;^0.16.1&quot;,
      &quot;moment&quot;: &quot;^2.26.0&quot;,
      &quot;ng2-flatpickr&quot;: &quot;^9.0.0&quot;,
      &quot;normalize.css&quot;: &quot;^8.0.1&quot;,
      &quot;resize-observer-polyfill&quot;: &quot;^1.5.1&quot;,
      &quot;rxjs&quot;: &quot;~6.5.4&quot;,
      &quot;shortcut-buttons-flatpickr&quot;: &quot;^0.3.0&quot;,
      &quot;tslib&quot;: &quot;^1.10.0&quot;,
      &quot;web-animations-js&quot;: &quot;^2.3.2&quot;,
      &quot;zingchart&quot;: &quot;^2.9.0&quot;,
      &quot;zingchart-angular&quot;: &quot;0.0.6&quot;,
      &quot;zinggrid&quot;: &quot;^1.2.0&quot;,
      &quot;zone.js&quot;: &quot;~0.10.2&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@angular-devkit/build-angular&quot;: &quot;^0.901.7&quot;,
      &quot;@angular/cli&quot;: &quot;~9.1.0&quot;,
      &quot;@angular/compiler-cli&quot;: &quot;~9.1.0&quot;,
      &quot;@angular/language-service&quot;: &quot;~9.1.0&quot;,
      &quot;@babel/core&quot;: &quot;^7.10.3&quot;,
      &quot;@storybook/addon-actions&quot;: &quot;^5.3.19&quot;,
      &quot;@storybook/addon-docs&quot;: &quot;^5.3.19&quot;,
      &quot;@storybook/addon-knobs&quot;: &quot;^5.3.19&quot;,
      &quot;@storybook/addon-links&quot;: &quot;^5.3.19&quot;,
      &quot;@storybook/addon-notes&quot;: &quot;^5.3.19&quot;,
      &quot;@storybook/addons&quot;: &quot;^5.3.19&quot;,
      &quot;@storybook/angular&quot;: &quot;^5.3.19&quot;,
      &quot;@types/jasmine&quot;: &quot;~3.5.0&quot;,
      &quot;@types/jasminewd2&quot;: &quot;~2.0.3&quot;,
      &quot;babel-loader&quot;: &quot;^8.1.0&quot;,
      &quot;codelyzer&quot;: &quot;^5.1.2&quot;,
      &quot;ember-cli-cors&quot;: &quot;0.0.2&quot;,
      &quot;jasmine-core&quot;: &quot;~3.5.0&quot;,
      &quot;jasmine-spec-reporter&quot;: &quot;~4.2.1&quot;,
      &quot;karma&quot;: &quot;~4.4.1&quot;,
      &quot;karma-chrome-launcher&quot;: &quot;~3.1.0&quot;,
      &quot;karma-coverage-istanbul-reporter&quot;: &quot;~2.1.0&quot;,
      &quot;karma-jasmine&quot;: &quot;~3.0.1&quot;,
      &quot;karma-jasmine-html-reporter&quot;: &quot;^1.4.2&quot;,
      &quot;protractor&quot;: &quot;~5.4.3&quot;,
      &quot;ts-node&quot;: &quot;~8.3.0&quot;,
      &quot;tslint&quot;: &quot;~6.1.0&quot;,
      &quot;typescript&quot;: &quot;~3.8.3&quot;
    }
  }
  </code></pre>
  <p>I have followed this link <a href="https://medium.com/better-programming/how-to-fix-your-angular-app-when-its-not-working-in-ie11-eb24cb6d9920" rel="noreferrer">https://medium.com/better-programming/how-to-fix-your-angular-app-when-its-not-working-in-ie11-eb24cb6d9920</a></p>
  <p>Also I have seen for others in the posts that they had some error in their console of IE11 but there is no as such any error in my Console window of IE11.
  Please check this screenshot of IE11.
  <a href="https://i.stack.imgur.com/sr97g.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sr97g.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/SLtlc.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SLtlc.png" alt="enter image description here" /></a></p>
  <p>pollyfills.ts</p>
  <pre><code>/***************************************************************************************************
   * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
   */
  import '@angular/localize/init';
  /**
   * This file includes polyfills needed by Angular and is loaded before the app.
   * You can add your own extra polyfills to this file.
   *
   * This file is divided into 2 sections:
   *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
   *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
   *      file.
   *
   * The current setup is for so-called &quot;evergreen&quot; browsers; the last versions of browsers that
   * automatically update themselves. This includes Safari &gt;= 10, Chrome &gt;= 55 (including Opera),
   * Edge &gt;= 13 on the desktop, and iOS 10 and Chrome on mobile.
   *
   * Learn more in https://angular.io/guide/browser-support
   */
  
  /***************************************************************************************************
   * BROWSER POLYFILLS
   */
  
  
  
  
  
  
  /** IE10 and IE11 requires the following for NgClass support on SVG elements */
   import 'classlist.js';  //Run `npm install --save classlist.js`.
  
  
   import 'core-js/es6/reflect';
  
  
  
  /**
   * Web Animations `@angular/platform-browser/animations`
   * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
   * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
   */
  import 'web-animations-js';  // Run `npm install --save web-animations-js`.
  
  /**
   * By default, zone.js will patch all possible macroTask and DomEvents
   * user can disable parts of macroTask/DomEvents patch by setting following flags
   * because those flags need to be set before `zone.js` being loaded, and webpack
   * will put import in the top of bundle, so user need to create a separate file
   * in this directory (for example: zone-flags.ts), and put the following flags
   * into that file, and then add the following code before importing zone.js.
   * import './zone-flags';
   *
   * The flags allowed in zone-flags.ts are listed here.
   *
   * The following flags will work for all browsers.
   *
   * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
   * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
   * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
   *
   *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
   *  with the following flag, it will bypass `zone.js` patch for IE/Edge
   *
   *  (window as any).__Zone_enable_cross_context_check = true;
   *
   */
  
  /***************************************************************************************************
   * Zone JS is required by default for Angular itself.
   */
  import 'zone.js/dist/zone';  // Included with Angular CLI.
  
  
  /***************************************************************************************************
   * APPLICATION IMPORTS
   */
  </code></pre>
  <p>---------------EDIT--------------------</p>
  <p><a href="https://i.stack.imgur.com/j9mRQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/j9mRQ.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/w4CGU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/w4CGU.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/ZQCel.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ZQCel.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/pf2P9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pf2P9.png" alt="enter image description here" /></a></p>