Angular 2：在 Internet Explorer 11 中加载页面时出现错误 - SCRIPT5009：“系统”未定义答案

【问题标题】：Angular 2 : while loading page in internet explorer 11 gives error - SCRIPT5009: 'System' is undefinedAngular 2：在 Internet Explorer 11 中加载页面时出现错误 - SCRIPT5009：“系统”未定义
【发布时间】：2016-06-08 06:50:26
【问题描述】：

我使用 Angular 2、node、express 开发了单页应用程序。它在 chrome 和 firefox 上运行良好。但现在同样适用于 IE 11。使用以下代码在脚本标记中向 System 提供错误。 SCRIPT5009：“系统”未定义

<html class="ng-scope">

  <head>
    <base href="/"/>
    <title>Test application</title>

    <!-- 1. Load libraries -->
    <script src="libs/angular2/bundles/angular2-polyfills.js"></script>
    <script src="libs/systemjs/dist/system.src.js"></script>
    <script src="libs/rxjs/bundles/Rx.js"></script>
    <script src="libs/angular2/bundles/angular2.dev.js"></script>
    <script src="libs/angular2/bundles/router.dev.js"></script>
    <script src="libs/angular2/bundles/http.dev.js"></script>


   <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link  href="css/style.css" rel="stylesheet">




    <!-- 2. Configure SystemJS -->
    <script>
      System.config({
        packages: {        
          app: {
            format: 'register',
            defaultExtension: 'js'
          }
        }
      });
      System.import('app/bootstrap')
            .then(null, console.error.bind(console));
    </script>

  </head>
  <!-- 3. Display the application -->
  <body>

<my-app>Loading...</my-app>
    <!-- End wrapper-->

    <script src="js/jquery/jquery-2.1.1.min.js"></script>
    <script src="js/plugins/jquery-ui/jquery-ui.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>    
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>    
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>    
    <script src="js/plugins/pace/pace.min.js"></script>    


  </body>

</html>

提前致谢。

【问题讨论】：

标签： node.js angular

【解决方案1】：

最后我使用以下链接得到了解决方案。我添加了两个 javascript 参考 es6-shim.min.js 和 shims_for_IE.js

<script src="libs/es6-shim/es6-shim.min.js"></script>
<script src="libs/systemjs/dist/system-polyfills.js"></script>
<script src="libs/angular2/es6/dev/src/testing/shims_for_IE.js"></script>

https://github.com/angular/angular/issues/7144

注意：在此参考 libs = node_modules

【讨论】：

【解决方案2】：

尝试添加

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.1/es6-shim.js"></script>

作为第一个脚本库

【讨论】：

添加了脚本库，但仍然给出相同的错误添加在 polyfills.js 之前的第一个引用中
尝试在 es6-shim 之后的 angular 之前添加系统及其 pollyfill
我已经按照你的建议尝试了组合，但它仍然给我错误