Uncaught Error: Шаблон разбирает ошибки при добавлении kendo-angular-scheduler в app.module

Question

Я добавил кендо-угловой планировщик в мое угловое приложение с помощью этой команды:

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 { }

до того, как я установил другие модули из кендо, и все они работали нормально. Как я могу исправить эту проблему?

Answer 1

Я только что обновил @progress/kendo-angular-buttons пакет с 4.1.0 до 4.4.0, и он отлично работает.

запустите эту команду:

npm i @progress/kendo-angular-buttons

Answer 2

Обязательно импортируйте и экспортируйте модуль Kendo UI, где вы его используете.

Например, для использования кнопок пользовательского интерфейса kendo

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

и импорт ButtonsModule в ваш основной модуль