Search code examples
angularcross-browserinternet-explorer-11

Angular2 IE11-Browser Support


My Dilemma is I am not able to view my Angular2 App on IE 11 but the same app is working fine on chrome: You can see the snapshots:

This is on Chrome: This is on Chrome:

This is on IE browser:

This is on IE browser

What possibly I am doing wrong, I even Added all the possible libraries in my html page for IE compatibility:

Here are the libraries:

<script src="node_modules/es6-shim/es6-shim.min.js"></script>
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>
<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>

  <script src="node_modules/es6-shim/es6-shim.js"></script>

    <!-- 1. Load libraries -->
     <!-- Polyfill for older browsers -->
    <script src="https://unpkg.com/core-js/client/shim.min.js"></script>

    <script src="https://unpkg.com/[email protected]?main=browser"></script>
    <script src="https://unpkg.com/[email protected]"></script>
      <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
    <script src="https://unpkg.com/[email protected]/dist/system.src.js"></script>

    <!-- 2. Configure SystemJS -->
    <script src="systemjs.config.js"></script>

PS: There are no errors on console also.

Any help Appreciated,

Thanks in advance

Now it is giving me another error on IE : Error On IE enter image description here

Error Scenario:error


Solution

  • After digging deep, I finally tried one thing lastly, I updated the version of my angular , as I was using angular beta version previously and also updated version of typescript. Finally My Angular App was compatible with IE Browser. Phew...!!!