用於Angular 2的Kendo UI與System.js

我正在嘗試將Angular 2的kendo UI連接到我的應用程序，並且遇到了一些問題。用於Angular 2的Kendo UI與System.js

這裏是我的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 
 
],

當我嘗試運行ŧ他的應用程序，我得到：

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"

任何想法可能是什麼造成的？

謝謝。

來源

2017-03-09 dpdragnev

從錯誤信息來看，似乎這個問題的本地化（本地化）封裝的評估過程中發生的：

評估http://dev-app.com/@progress/kendo-angular-l10n

這是通過在劍道最近的更改導致也需要加載本地化軟件包的組件。添加以下到SystemJS配置應該有所幫助：

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

來源

2017-03-10 11:42:41

亞歷克斯，我找不到k10n包。雖然我看到了l10n。這是你指的包嗎？ – dpdragnev

我試圖採取建議的方法，但我仍然得到相同的錯誤。 – dpdragnev

我的不好，包名是'l10n'，從本地化。如果上述內容無效，請通過支持票證發送示例項目來顯示問題。 –