VS2015 + TypeScript + Cordova + Angular2 + SystemJS

Question

systemJS 加载外部模块时遇到问题。我为 VS2015 创建了一个小示例项目。你可以在这里下载代码https://github.com/dbiele/TypeScript-Cordova-SystemJS

当我在 Ripple 或 BrowserSync 中构建项目并查看时，我收到以下错误：xhr_proxy。看起来System 正在registry.jspm.io 上寻找外部文件animate.js，而它应该在localhost 上找到它。

有什么想法吗？ GitHub 中的代码非常基础。注意：我认为这不是 Cordova 问题，因为我是在浏览器中运行并产生波纹。

Answer 1

发现问题。 TypeScript 在导入/导出外部模块时不使用 .js 扩展。例如：

打字稿

import * as Animate from './animate';

ES6

import * as Animate from './animate.js';

解决方法是在system.config中添加defaultJSExtensions: true。

例子：

System.config({
    baseURL: './scripts/',
    paths: { 'App': 'app.js' },
    defaultJSExtensions: true
});

我这里更新了VS2015项目代码，效果很好。

https://github.com/dbiele/TypeScript-Cordova-SystemJS

@DatenMetzgerX 也有同样的问题。发布信息： https://github.com/systemjs/systemjs/issues/490