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
Post a Comment