为什么Angular 2快速入门教程库在连接时会中断？

时间：2016-02-15 02:18:07

标签： javascript angular

我遵循基本的Angular 2 Quickstart tutorial。在本教程中，简单的应用程序需要这些依赖库：

的index.html 

 <html>
    ...

    <!-- 1. Load libraries -->
    <!-- IE required polyfills, in this exact order -->
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
    <script src="node_modules/systemjs/dist/system-polyfills.js"></script>

    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>

    ...
</html>

一切都很顺利，当以这种方式加载库时应用程序正常工作。但是，如果我将这些库（保持顺序）连接在一个文件中，则应用程序会中断。

的index.html 

 <html>
    ...

    <!-- 1. Load libraries -->
    <script src="/concatenated-libs.js"></script>        

    ...
</html>

这是控制台输出错误：

enter image description here

错误发生在es6-shim.js文件中。

enter image description here

有没有人知道如何处理它？<​​/ p>

此致

伯纳

1 个答案:

答案 0 :(得分：0)

我遇到了同样的问题。我在gulp src中进行了一些订单更改后得到了它，如下所示：

    libfiles: [
        'node_modules/systemjs/dist/system.src.js',
        'node_modules/es6-shim/es6-shim.min.js',
        'node_modules/systemjs/dist/system-polyfills.js',
  'node_modules/angular2/es6/dev/src/testing/shims_for_IE.js',
        'node_modules/angular2/bundles/angular2.dev.js',
        'node_modules/angular2/bundles/angular2-polyfills.js',
        'node_modules/rxjs/bundles/Rx.js',
        'node_modules/angular2/bundles/http.min.js',
        'node_modules/angular2/bundles/router.dev.js'
    ]

显然，在导入单个js文件时，我们很幸运，正确的顺序与gulp concat不同。希望这会有所帮助。

相关问题
最新问题