Question

我已使用以下命令将kendo-angular-scheduler添加到我的angular应用程序中：

ng add @progress/kendo-angular-scheduler

我在我的项目中（未安装）未使用过此模块。编译代码后，我在chrome控制台中收到以下错误消息：

Uncaught Error: Template parse errors:
Can't bind to 'toggleable' since it isn't a known property of 'button'. (" day of weekDays' kendoButton
                        [style.width.px]="75"
                        [ERROR ->][toggleable]="true"
                        [selected]="isSelected(day)"
                        (sel"): ng:///SchedulerModule/RecurrenceWeekdayRuleEditorComponent.html@8:24
    at syntaxError (compiler.js:215)
    at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js:14702)
    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate

我在做什么错了？

和app.modules.ts：

/*angular modules*/
import { BrowserModule } from '@angular/platform-browser';
import { LOCALE_ID, NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule } from '@angular/forms'
import { JwtHelperService } from '@auth0/angular-jwt';

/*custom modules*/
import { HubAdministrationToolModule } from './modules/hub-administration-tool/hub-administration-tool.module';
import { DashboardModule } from './modules/dashboard/dashboard.module';

/* custom routing modules*/
import { AppRoutingModule } from './app.routing.module';


/* library modules*/
import { GridModule } from '@progress/kendo-angular-grid';
import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
import { UploadModule } from '@progress/kendo-angular-upload';
import { PopupModule } from '@progress/kendo-angular-popup';
import { SchedulerModule } from '@progress/kendo-angular-scheduler';



/*custom components*/
import { AppComponent } from './app.component';

/* Services */
//import { JWTService } from './authentication/jwt.service';
import { UtilsService } from './services/utils.service';

/* Custom Classes*/
import { ChartsModule } from '@progress/kendo-angular-charts';
import { IntlModule } from '@progress/kendo-angular-intl';


import '@progress/kendo-angular-intl/locales/de/all';
import { LoginComponent } from './login/login.component';
import {AuthenticationService} from './services/authentication.service'
import { AuthService } from './authentication/auth.service';
import { HomeComponent } from './home/home.component';

import { AuthGuardService } from './authentication/auth-guard.service';


@NgModule({
  declarations: [
    AppComponent, AccessDeniedComponent, BadRouteComponent, RedirectComponent, LoginComponent, HomeComponent
  ],
  imports: [
    /*jwtConfig,*/
    BrowserModule,
    FormsModule,
    HubAdministrationToolModule,
    DashboardModule,
    HttpClientModule,
    AppRoutingModule,
    GridModule,
    BrowserAnimationsModule,
    DateInputsModule,
    UploadModule,
    PopupModule,
    ChartsModule,
    IntlModule,
    SchedulerModule,


  ],
  providers: [{ provide: LOCALE_ID, useValue: 'de-DE' }, /*JWTService,*/ 
    UtilsService,
    AuthenticationService,
    AuthService,
    JwtHelperService, 
    AuthGuardService],
    bootstrap: [AppComponent]
})
export class AppModule { }

在我安装kendo的其他模块之前，它们都工作正常。我该如何解决这个问题？

Answer 1

确保在使用它的位置导入和导出Kendo UI模块。

例如使用剑道UI按钮

// Import the Kendo UI Component
import { ButtonsModule } from '@progress/kendo-angular-buttons';

并在主模块中导入 ButtonsModule

Answer 2

我刚刚将@progress/kendo-angular-buttons软件包从4.1.0更新到了4.4.0，并且工作正常。

运行此命令：

npm i @progress/kendo-angular-buttons

未捕获的错误：将kendo-angular-scheduler添加到app.module时，模板解析错误

2 个答案: