title: Angular2 app is not working on Microsoft edge
body: <p>My angular2 application is not working on Microsoft edge, while it's working fine on chrome and firefox.</p>
  
  <p>I looked at <a href="https://stackoverflow.com/questions/39540851/angular-2-not-working-with-ms-edge">this</a> question, but it didn't help me.</p>
  
  <p>I am getting following error on the Edge console:</p>
  
  <p><a href="https://i.stack.imgur.com/DkT3d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DkT3d.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/ekQTe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ekQTe.png" alt="enter image description here"></a></p>
  
  <p>Below is package.json file:</p>
  
  <pre><code>{
   "name": "angular app",
   "version": "1.0.0",
   "scripts": {
    "start": "concurrently \"tsc -w\" \"lite-server\" ",
    "lite": "lite-server",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "publish": "gulp agnular_Production_Version"
  },
  "licenses": [
   {
     "type": "MIT",
     "url": "https://github.com/angular/angular.io/blob/master/LICENSE"
   }
  ],
  "dependencies": {
    "@angular/common": "~2.1.1",
    "@angular/compiler": "~2.1.1",
    "@angular/core": "~2.1.1",
    "@angular/forms": "~2.1.1",
    "@angular/http": "~2.1.1",
    "@angular/platform-browser": "~2.1.1",
    "@angular/platform-browser-dynamic": "~2.1.1",
    "@angular/router": "~3.1.1",
    "@angular/upgrade": "~2.1.1",
    "angular-2-data-table": "0.1.0",
    "angular-2-dropdown-multiselect": "^0.3.1",
    "angular-in-memory-web-api": "~0.1.13",
    "angular2-in-memory-web-api": "0.0.20",
    "angular2-select": "^1.0.0-alpha.12",
    "angular2-ui-switch": "^1.2.0",
    "bootstrap": "^3.3.7",
    "core-js": "^2.4.1",
    "mydatepicker": "^2.0.13",
    "ng2-bs3-modal": "^0.10.4",
    "ng2-dnd": "^2.0.1",
    "ng2-toasty": "^2.1.0",
    "ng2-validation": "^2.0.0",
    "reflect-metadata": "^0.1.8",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.39",
    "zone.js": "^0.6.25"
  },
  "devDependencies": {
     "angular-2-dropdown-multiselect": "^0.3.1",
     "concurrently": "^3.0.0",
     "gulp": "^3.9.1",
     "gulp-clean": "^0.3.2",
     "gulp-concat": "^2.6.1",
     "gulp-delete-lines": "^0.0.7",
     "gulp-html-replace": "^1.6.1",
     "gulp-insert-lines": "^0.0.4",
     "gulp-minify-css": "^1.2.4",
     "gulp-rebase-css-urls": "^0.0.2",
     "gulp-shell": "^0.5.2",
     "gulp-uglify": "^2.1.2",
     "lite-server": "^2.2.2",
     "pump": "^1.0.2",
     "run-sequence": "^1.2.2",
     "systemjs-builder": "^0.15.31",
     "typescript": "^2.0.3",
     "typings": "^1.3.2"
    }
  }
  </code></pre>
  
  <p>Login Guard</p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { Router, CanActivate, CanDeactivate, ActivatedRouteSnapshot, 
  RouterStateSnapshot } from '@angular/router';
  import { Observable } from 'rxjs/Observable';
  
  @Injectable()
  export class AuthGuard implements CanActivate, CanDeactivate&lt;any&gt; {
  
  constructor(private router: Router) { }
  
  canActivate(activeRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot) 
   {
      if (localStorage.getItem('jwttoken')) {
          // logged in so return true
          return true;
      }
      // not logged in so redirect to login page
      this.router.navigate(['/login']);
      return false;
    }
  
  canDeactivate(component: any): Observable&lt;boolean&gt; | boolean {
      localStorage.setItem('previousRoute', this.router.url);
      $('.zoomContainer').remove();
      return true;
   }
  }
  </code></pre>
  
  <p>Any help would be highly appreciated.</p>
  
  <p>Thanks in advance.</p>