angular2 alpha.37 有一个影响 jspm.io 和页面加载的重大变化
angular2 alpha.37 has a breaking change affecting jspm.io and page load
对于 index.html 中的许多版本,我一直在使用下面的 Angular2 加载脚本,它们加载了一个简单的测试应用程序。当字母数字从 36 变为 37 时,这不再有效。加载中出现,但针对此 link 的组件不再加载。
<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
我进行了一些搜索,尝试了几种方法,但没有任何收获。
新方法是什么?
以下是我如何让它与 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 示例得出这个:
对于 index.html 中的许多版本,我一直在使用下面的 Angular2 加载脚本,它们加载了一个简单的测试应用程序。当字母数字从 36 变为 37 时,这不再有效。加载中出现,但针对此 link 的组件不再加载。
<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
我进行了一些搜索,尝试了几种方法,但没有任何收获。 新方法是什么?
以下是我如何让它与 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 示例得出这个: