Angular 2 with Kendo - 运行应用程序时URL不正确

时间:2017-08-29 22:59:47

标签: angularjs kendo-ui

我正在使用Visual Studio 2017社区获取Angular 2应用程序,并尝试使用Kendo UI。我有以下app.module.ts,并在import语句中指定的位置添加了ButtonsModule。

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';

// Kendo Modules
import { ButtonsModule } from '@progress/kendo-angular-buttons';

@NgModule({
    imports: [
        BrowserModule,
        ButtonsModule
    ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

我没有更改任何配置文件,也没有尝试实际使用Kendo按钮。当我运行应用程序时,我收到以下错误:

Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:49687/src/@progress/kendo-angular-buttons

我认为这是不正确的" src"应从此网址中删除。如果我这样做并使用

http://localhost:49687/node_modules/@progress/kendo-angular-buttons/

相反,我收到HTTP错误403.14 - 禁止错误,这只是意味着目录的内容无法在浏览器中列出。

所以,我的问题是:如何让网址不使用" src"?

1 个答案:

答案 0 :(得分:0)

您是否在systemjs.config.js中导入了@progress/kendo-angular-buttons?像

packages: {
  '@progress/kendo-angular-buttons': {
    main: 'THEJSFILEOFKENDOANGULARBUTTONS.umd.js',
    defaultExtension: 'js'
  }
}