剣道UI for Angular 2 for System.js

Question

私のアプリに接続された角度2の剣道UIを取得しようとしていますが、いくつか問題があります。ここで

は私system.config.jsです：私のモジュール定義で

map: { 
 
    // our app is within the app folder 
 
    app: 'app', 
 

 
    // angular bundles 
 
    '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
 
    '@angular/common': 'npm:@angular/common/bundles/common.umd.js', 
 
    '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', 
 
    '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', 
 
    '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
 
    '@angular/http': 'npm:@angular/http/bundles/http.umd.js', 
 
    '@angular/router': 'npm:@angular/router/bundles/router.umd.js', 
 
    '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 
 

 
    //kendo components 
 
    '@progress/kendo-angular-intl': 'npm:@progress/kendo-angular-intl', 
 
    '@progress/kendo-angular-grid': 'npm:@progress/kendo-angular-grid', 
 
    '@telerik/kendo-intl': 'npm:@telerik/kendo-intl', 
 

 
    // other libraries 
 
    'rxjs': 'npm:rxjs', 
 
    'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js', 
 
    'ng-block-ui': 'npm:ng-block-ui/bundles/umd' 
 
}, 
 
// packages tells the System loader how to load when no filename and/or no extension 
 
packages: { 
 
    app: { 
 
     defaultExtension: 'js' 
 
    }, 
 
    rxjs: { 
 
     defaultExtension: 'js' 
 
    }, 
 
    'ng-block-ui': { main: 'index.js', defaultExtension: 'js' }, 
 
    "@progress/kendo-angular-grid": { main: './dist/npm/main.js', defaultExtension: 'js' }, 
 
    '@telerik/kendo-intl': { main: './dist/npm/main.js', defaultExtension: 'js' }, 
 
    '@progress/kendo-angular-intl': { main: './dist/npm/main.js', defaultExtension: 'js' } 
 
}

：

import { GridModule } from '@progress/kendo-angular-grid'; 
 

 
... 
 

 
imports: [ 
 
\t RouterModule.forRoot(appRoutes), 
 
\t BrowserModule, 
 
\t BlockUIModule, 
 
\t GridModule 
 
],

私はトンを実行しようとすると彼は私が得る、APP：

SystemJS) Unexpected token < 
 
SyntaxError: Unexpected token < 
 
    at eval (<anonymous>) 
 
    at Object.eval (http://dev-app.com/node_modules/@progress/kendo-angular-grid/dist/npm/grid.component.js:26:28) 
 
    at eval (http://dev-app.com/node_modules/@progress/kendo-angular-grid/dist/npm/grid.component.js:683:4) 
 
    at eval (http://dev-app.com/node_modules/@progress/kendo-angular-grid/dist/npm/grid.component.js:684:3) 
 
    at eval (<anonymous>) 
 
Evaluating http://dev-app.com/@progress/kendo-angular-l10n 
 
Evaluating http://dev-app.com/node_modules/@progress/kendo-angular-grid/dist/npm/grid.component.js 
 
Evaluating http://dev-app.com/node_modules/@progress/kendo-angular-grid/dist/npm/grid.module.js 
 
Evaluating http://dev-app.com/node_modules/@progress/kendo-angular-grid/dist/npm/main.js 
 
Evaluating http://dev-app.com/app/app.module.js 
 
Evaluating http://dev-app.com/main.js 
 
Error loading http://dev-app.com/main.js"

これを引き起こしている可能性がどのような任意のアイデア？

ありがとうございます。

Answer 1

エラーメッセージから判断すると、問題がL10N（ローカライズ）パッケージの評価中に起こるようだ：これは、剣道の最近の変化によって引き起こされるhttp://dev-app.com/@progress/kendo-angular-l10n

を評価

ローカリゼーションパッケージをロードする必要のあるコンポーネントSystemJS構成に以下を追加することに役立つはず：進捗状況がsystemjs.config.js

system.js configuration、使用するコンポーネントに応じて

に追加するには、マッピングの完全なリストを持っている同じ問題を経験して誰のための

map: { 
    '@progress/kendo-angular-l10n': 'npm:@progress/kendo-angular-l10n' 
}, 
packages: { 
    '@progress/kendo-angular-l10n': { 
     main: './dist/npm/main.js', 
     defaultExtension: 'js' 
    } 
} 

Answer 2

をいくつかのマッピングが適用されます