Угловой 2 не работает в IE

Приложение My Angular 2, похоже, получает Break в IE. Однако он работает Fine в Chrome. Я сделал изменения, сделанные в Angular 2 with IE 11 not working, но до сих пор не удача.Угловой 2 не работает в IE

Ниже приведены мои Конфигурационные файлы для refrence:

<title>Angular QuickStart</title> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=11" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
    <!---<link rel="stylesheet" href="styles.css">--> 
     <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css"> 
     <link rel="stylesheet" type="text/css" href="modify.css"> 
    <script type="text/javascript" src="node_modules/moment/moment.js"></script> 
    <script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 
    <!-- 1. Load libraries --> 
    <!-- Polyfill for older browsers --> 
    <script src="node_modules/core-js/client/shim.min.js"></script> 
    <script src="node_modules/zone.js/dist/zone.js"></script> 
    <script src="node_modules/reflect-metadata/Reflect.js"></script> 
    <script src="node_modules/systemjs/dist/system.polyfills.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
    <script src="node_modules/rxjs/bundles/Rx.min.js"></script> 
    <!-- 2. Configure SystemJS --> 
    <script src="systemjs.config.js"></script>

tsconfig.json

{ 
    "compilerOptions": { 
    "target": "es6", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false 
    }, 
    "exclude": [ 
     "node_modules", 
     "typings" 
    ] 
}

Ошибка я получаю:

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

Index.html

<html> 
    <head> 
    <title>Angular QuickStart</title> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=11" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
    <!---<link rel="stylesheet" href="styles.css">--> 
     <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css"> 
     <link rel="stylesheet" type="text/css" href="modify.css"> 
    <script type="text/javascript" src="node_modules/moment/moment.js"></script> 
    <script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 
    <!-- 1. Load libraries --> 
    <!-- Polyfill for older browsers --> 
    <script src="node_modules/core-js/client/shim.min.js"></script> 
    <script src="node_modules/zone.js/dist/zone.js"></script> 
    <script src="node_modules/reflect-metadata/Reflect.js"></script> 
    <script src="node_modules/systemjs/dist/system.polyfills.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
    <script src="node_modules/rxjs/bundles/Rx.min.js"></script> 
    <!-- 2. Configure SystemJS --> 
    <script src="systemjs.config.js"></script> 
    <script> 
     System.import('app').catch(function(err){ console.error(err); }); 
    </script> 
     <script src="node_modules/jquery/dist/jquery.js"></script> 
      <script src=" jquery.fixme.min.js"></script> 
    <base href="/"> 
    </head> 
    <!-- 3. Display the application --> 
    <body> 
    <!-- <div class="loading-icon"></div> --> 
    <my-language> 
     <i class="fa fa-spinner fa-pulse fa-5x fa-fw center-spinner"></i> 
     <span class="sr-only">Loading...</span> 
    </my-language> 
    <script src="node_modules/bootstrap/dist/js/bootstrap.js"></script> 
    </body> 
</html>

источник

2017-01-08 user3856563

какая версия Angular2 вы используете? для последней версии '' не требуется добавлять. – micronyks

да @micronyks .... Я знаю об этом. Я добавил сегодня только для цели тестирования, удалит то же самое. – user3856563

любые обновления по этому вопросу? – naoru

Возможно, вы захотите пересмотреть то, что вы установили в качестве своей «цели» в своем tsconfig.

Таргетинг «es6» и ожидание его работы в IE11 может быть неразумным.

Ознакомьтесь с приведенной ниже таблицей совместимости. IE11, похоже, не очень хорошо поддерживает ES6.

https://kangax.github.io/compat-table/es6/

Я хотел бы предложить изменения цели "ES5".

Вы все еще можете установить свойство lib в tsconfig.json, чтобы использовать функции «es6».

{ 
    "compilerOptions": { 
     "rootDir": "./src/app/", 
     "lib": ["es2015", "dom"], 
     "target": "es5", 
     "module": "system", 
     "moduleResolution": "node", 
     "sourceMap": true, 
     "emitDecoratorMetadata": true, 
     "experimentalDecorators": true, 
     "removeComments": false, 
     "noImplicitAny": false 
    }, 
    "exclude": [ 
     "node_modules", 
     ".git" 
    ] 
}

источник

2017-04-28 01:19:19 Rich

ответ

Смежные вопросы