VS2015 + TypeScript + Cordova + Angular2 + SystemJS

Question

我在systemJS加載外部模塊時遇到問題。 我為VS2015創建了一個小示例項目。 您可以在此處下載代碼https://github.com/dbiele/TypeScript-Cordova-SystemJS

當我構建項目並在Ripple或BrowserSync中查看時，出現以下錯誤： xhr_proxy 。 看起來System應該在localhost上尋找外部文件animate.js在Registry.jspm.io上尋找它。

有什么想法嗎？ GitHub中的代碼確實很基礎。 注意：我不認為這是Cordova的問題，因為我正在瀏覽器中運行並且出現問題。

Answer 1

找到了問題。 導入/導出外部模塊時，TypeScript不使用.js擴展名。 例如：

import * as Animate from './animate';

ES6

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

解決方案是將defaultJSExtensions: true添加到system.config中。

例：

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