Angular 2:在Internet Explorer 11中加载页面时出错 - SCRIPT5009:'System'未定义

时间:2016-06-08 06:50:27

标签: node.js angular

我使用Angular 2,node,express开发了单页面应用程序。它在chrome和firefox上运行良好。但同样现在正在使用IE 11.使用以下代码 在脚本代码中向系统提供错误。 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>

提前感谢。

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

尝试添加

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

作为第一个脚本库