用于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'，从本地化。如果上述内容无效，请通过支持票证发送示例项目来显示问题。 –