title: Angular 2 not Working in IE
body: <p>My Angular 2 Application seems to get Break in IE.However,it is working Fine in Chrome.
  I have done the Changes made in <a href="https://stackoverflow.com/questions/35140718/angular-2-with-ie-11-not-working">Angular 2 with IE 11 not working</a> but still no Luck.</p>
  
  <p>Below are my Config files for refrence:</p>
  
  <pre><code>&lt;title&gt;Angular QuickStart&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=11" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
      &lt;!---&lt;link rel="stylesheet" href="styles.css"&gt;--&gt;
        &lt;link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css"&gt;
        &lt;link rel="stylesheet" type="text/css" href="modify.css"&gt;
       &lt;script type="text/javascript" src="node_modules/moment/moment.js"&gt;&lt;/script&gt; 
       &lt;script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"&gt;&lt;/script&gt;
      &lt;!-- 1. Load libraries --&gt;
       &lt;!-- Polyfill for older browsers --&gt;
      &lt;script src="node_modules/core-js/client/shim.min.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/zone.js/dist/zone.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/reflect-metadata/Reflect.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/systemjs/dist/system.polyfills.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/systemjs/dist/system.src.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/rxjs/bundles/Rx.min.js"&gt;&lt;/script&gt;
      &lt;!-- 2. Configure SystemJS --&gt;
      &lt;script src="systemjs.config.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>tsconfig.json</p>
  
  <pre><code>{
    "compilerOptions": {
      "target": "es6",
      "module": "commonjs",
      "moduleResolution": "node",
      "sourceMap": true,
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "removeComments": false,
      "noImplicitAny": false
    },
    "exclude": [
         "node_modules",
          "typings"
      ]
  }
  </code></pre>
  
  <p>Error I am getting Is:</p>
  
  <pre><code>SyntaxError: Syntax error
  at Anonymous function (eval code:3:1)
   at Anonymous function (eval code:1:31)
  at eval code (eval code:1:2)
  Evaluating http://localhost:3000/app/app.module.js
  Evaluating http://localhost:3000/app/main.js
  Error loading http://localhost:3000/app/main.js 
  </code></pre>
  
  <p>Index.html</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Angular QuickStart&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=11" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
      &lt;!---&lt;link rel="stylesheet" href="styles.css"&gt;--&gt;
        &lt;link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css"&gt;
        &lt;link rel="stylesheet" type="text/css" href="modify.css"&gt;
       &lt;script type="text/javascript" src="node_modules/moment/moment.js"&gt;&lt;/script&gt; 
       &lt;script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"&gt;&lt;/script&gt;
      &lt;!-- 1. Load libraries --&gt;
       &lt;!-- Polyfill for older browsers --&gt;
      &lt;script src="node_modules/core-js/client/shim.min.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/zone.js/dist/zone.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/reflect-metadata/Reflect.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/systemjs/dist/system.polyfills.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/systemjs/dist/system.src.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/rxjs/bundles/Rx.min.js"&gt;&lt;/script&gt;
      &lt;!-- 2. Configure SystemJS --&gt;
      &lt;script src="systemjs.config.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        System.import('app').catch(function(err){ console.error(err); });
      &lt;/script&gt;
          &lt;script src="node_modules/jquery/dist/jquery.js"&gt;&lt;/script&gt;
              &lt;script src=" jquery.fixme.min.js"&gt;&lt;/script&gt;
      &lt;base href="/"&gt; 
    &lt;/head&gt;
    &lt;!-- 3. Display the application --&gt;
    &lt;body&gt;
    &lt;!--  &lt;div class="loading-icon"&gt;&lt;/div&gt; --&gt;
      &lt;my-language&gt;
        &lt;i class="fa fa-spinner fa-pulse fa-5x fa-fw center-spinner"&gt;&lt;/i&gt;
        &lt;span class="sr-only"&gt;Loading...&lt;/span&gt;
      &lt;/my-language&gt;
      &lt;script src="node_modules/bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>