angular - Cannot run ES6 + Angular2 on IE11 -


i'm running angular 4.0.1 , site working on chrome, firefox, safari, edge , of android phones. i'm setting tsconfig target es6 , got following error when trying load site on ie11:

"syntaxerror: syntax error @ evaluate (mysite.com/vendor/systemjs/dist/system.src.js:2803:8) @ anonymous function (mysite.com/vendor/systemjs/dist/system.src.js:3593:11) @ dynamicexecute (mysite.com/vendor/systemjs/dist/system.src.js:1164:5) @ doevaluate (mysite.com/vendor/systemjs/dist/system.src.js:1111:7) @ ensureevaluate (mysite.com/vendor/systemjs/dist/system.src.js:1020:3) @ anonymous function (mysite.com/vendor/systemjs/dist/system.src.js:612:7) @ zonedelegate.prototype.invoke (mysite.com/vendor/zone.js/dist/zone.js:363:13) @ zone.prototype.run (mysite.com/vendor/zone.js/dist/zone.js:125:17) @ anonymous function (mysite.com/vendor/zone.js/dist/zone.js:760:17) @ zonedelegate.prototype.invoketask (mysite.com/vendor/zone.js/dist/zone.js:396:13) @ zone.prototype.runtask (mysite.com/vendor/zone.js/dist/zone.js:165:21) @ drainmicrot" 

my index.html looks like:

<!doctype html> <html lang="en">     <head>         <script>document.write('<base href="' + document.location + '" />');</script>         <title>my site</title>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width, initial-scale=1">         <link href="https://fonts.googleapis.com/css?family=montserrat" rel="stylesheet">         <link href="styles/styles.css" rel="stylesheet" />         <link href="vendor/bootstrap/dist/css/bootstrap.css" rel="stylesheet">         <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">         <!-- older browsers -->         <script src="vendor/core-js/client/shim.min.js"></script>          <script src="vendor/zone.js/dist/zone.js"></script>         <script src="vendor/systemjs/dist/system.src.js"></script>         <script src="vendor/jquery/dist/jquery.min.js"></script>         <script src="vendor/tether/dist/js/tether.min.js"></script>         <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script>         <script src="systemjs.config.js"></script>         <script>                 systemjs.import('app')                         .catch(function(err){ console.error(err); });         </script>     </head>     <body>         <my-app>             loading...         </my-app>     </body> </html> 

the list of dependencies in package.json:

"dependencies": {     "@angular/animations": "^4.0.0",     "@angular/common": "^4.0.0",     "@angular/compiler": "^4.0.0",     "@angular/core": "^4.0.0",     "@angular/forms": "^4.0.0",     "@angular/http": "^4.0.0",     "@angular/platform-browser": "^4.0.0",     "@angular/platform-browser-dynamic": "^4.0.0",     "@angular/router": "^4.0.0",     "@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.21",     "@types/node": "^7.0.11",     "bootstrap": "^4.0.0-alpha.6",     "core-js": "^2.4.1",     "font-awesome": "^4.7.0",     "rxjs": "^5.3.0",     "systemjs": "^0.20.11",     "tether": "^1.4.0",     "zone.js": "^0.8.5"   },   "devdependencies": {     "concurrently": "^3.4.0",     "del": "^2.2.2",     "gulp": "^3.9.1",     "gulp-typescript": "^3.1.6",     "lite-server": "^2.3.0",     "typescript": "^2.2.1"   } 

am missing pollyfill/shim should using ie11 or of browsers in android?


Comments

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -