2016-12-26 3 views
1

Все это работало нормально. После обновления до последних пакетов в настоящее время я получаю следующее сообщение об ошибке:kendo angular2 Ошибка TabstripComponent

Uncaught (in promise): Error: Error in ./TabstripComponent class TabstripComponent - inline template:29:26 caused by: Cannot read property 'templateRef' of undefined TypeError: Cannot read property 'templateRef' of undefined

Все другие кендо угловые 2 управления работают нормально, кроме этого TabstripComponent

Пожалуйста, поделитесь своими мыслями, как исправить эту проблему.

EDITED:

Вот код

В компоненте HTML страницы,

<kendo-tabstrip (select)="onTabSelected($event)"> 
     <kendo-tabstrip-tab [title]="'General'" [selected]="true"> 
      <district-general [generalComponentModel]="generalComponentModel" 
       (onExportChartImage)="onExportChartImage($event)" 
       (onExportClick)="onExportClick($event)"> 
      </district-general> 
     </kendo-tabstrip-tab> 
     <kendo-tabstrip-tab [title]="'Student'"> 
      <district-student [studentComponentModel]="studentComponentModel" (onExportChartImage)="onExportChartImage($event)"></district-student> 
     </kendo-tabstrip-tab> 
     <kendo-tabstrip-tab [title]="'Staff'"> 
      <district-staff [staffComponentModel]="staffComponentModel" (onExportChartImage)="onExportChartImage($event)"></district-staff> 
     </kendo-tabstrip-tab> 
     <kendo-tabstrip-tab [title]="'Longitudinal'"> 
      <district-longitudinal [longitudinalComponentModel]="longitudinalComponentModel" (onExportChartImage)="onExportChartImage($event)"></district-longitudinal> 
     </kendo-tabstrip-tab> 
    </kendo-tabstrip> 

В странице модуля приложения было объявлено и используется как:

@NgModule({ 
    bootstrap: [ App ], 
    declarations: [ 
    App, 
    About, 
    Home, 
    ...... 
    ], 
    imports: [ // import Angular's modules 
    ....... 
    ....... 
    LayoutModule, 
    RouterModule.forRoot(ROUTES, { useHash: true, preloadingStrategy: PreloadAllModules }) 
    ], 
    providers: [ // expose our Services and Providers into Angular's dependency injection 
    ENV_PROVIDERS, 
    APP_PROVIDERS 
    ] 
}) 
export class AppModule { 
    // I am using web pack for this angular2 application 
} 

и в зависимости package.json

"@progress/kendo-angular-layout": "^0.17.0", 

Спасибо за глядя на это.

+0

Пожалуйста, поделитесь своим кодом. – Sanket

ответ

0

Я нашел, что он работает хорошо с пониженным пакетом. Пожалуйста, дайте мне знать, если кто-нибудь встретил такую ​​же проблему.

"@progress/kendo-angular-layout": "^0.11.0",