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

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/[e-mail]"></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 =预览