Question

我一直在使用下面的Angular2加载脚本，对于index.html中的许多版本，他们加载了一个简单的测试应用程序。当alpha编号从36变为37时，这不再有效。显示加载，但针对此链接的组件不再加载。

<res-app><h1>Loading . . .</h1></res-app>

<!-- ES6-related imports -->
<script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"></script>
<script src="https://jspm.io/system@0.16.js"></script>
<!-- links to angular2 compiler and router. -->
<script src="https://code.angularjs.org/2.0.0-alpha.36/angular2.dev.js"> </script> <!--Must be after the 2 es6 above -->
<script src="https://code.angularjs.org/2.0.0-alpha.36/router.dev.js"></script>
<!--System loads app.ts / app.js -->
<script>System.import('app').catch(console.log.bind(console));</script>

我在Atom编辑器中使用atom-typescript。我收到了控制台错误

Error loading "app" at https://registry.jspm.io/app.js
Not Found: https://registry.jspm.io/app.js

我做了一些搜索，尝试了几件事，但没有得到任何快乐。什么是新方式？

Answer 1

以下是我如何使用alpha.37：

 <script src="https://code.angularjs.org/tools/traceur-runtime.js"></script>
 <script src="https://code.angularjs.org/tools/system.js"></script>
 <script>
        System.config({
            baseURL: '/js',
            defaultJSExtensions: true
        });
 </script>
 <script src="https://code.angularjs.org/2.0.0-alpha.37/angular2.min.js"></script>

然后在文件的底部：

 <script>
    System.import('app');
</script>

在我的示例中，我将所有JavaScript都放在文件夹/js中，这就是我设置baseURL属性的原因。

我是从我在Angular 2文档中找到的一个Plunker示例中得到的：

http://plnkr.co/edit/bRs0SX2OTQiJzqvjgl8P?p=preview

angular2 alpha.37有一个影响jspm.io和页面加载的重大变化

1 个答案: