Kendo-angular: Combobox fail if build is AOT

[TheSegfault]

Hi guys,

If I click the small arrow in my Combobox

I got this error message if the build is AOT

I tried to import and add PopupComponent to my AppModule but nothing change.

import { PopupComponent, PopupModule } from '@progress/kendo-angular-popup';

    entryComponents: [
        PopupComponent,
    ],

Chrome inspector:

[tapopov]

Hi @TheSegfault

We weren't able to reproduce this. Would you mind sharing more details about the environment in which it happens? You could do so by following the guide from our GitHub issue template:

## Environment

Package versions:
<!--
  Paste the output from "npm ls --depth 0" in the code block below.
  Omit this step if the problem is reproducible on our demo site.
-->

Browser:
<!-- Leave only the browsers that you tested the issue with. -->
- Chrome (desktop) version XX
- Chrome (Android) version XX
- Chrome (iOS) version XX
- Firefox version XX
- Safari (desktop) version XX
- Safari (iOS) version XX
- IE version XX
- Edge version XX

System:
- TypeScript version: XX <!-- run tsc --version -->
- Node version: XX  <!-- run "node --version" and "npm --version"-->
- Platform:  <!-- Mac, Linux, Windows -->

[TheSegfault]

Hi

My structure is a AppModule imports -> CoreModule -> imports SharedModule.forRoot(),

SharedModule imports KendoModule.forRoot()

KendoModule ->

@NgModule({
    imports: [
        GridModule,
        ButtonsModule,
        DropDownsModule,
        DialogModule,
        UploadModule,
        PopupModule,
        InputsModule,
        DateInputsModule,
        LayoutModule,
        TooltipModule,
    ],
    exports: [
        GridModule,
        ButtonsModule,
        DropDownsModule,
        DialogModule,
        UploadModule,
        PopupModule,
        InputsModule,
        DateInputsModule,
        LayoutModule,
        TooltipModule,
    ],
    entryComponents: [
        // PopupComponent,
    ],
})

export class KendoModule {
    public static forRoot(): ModuleWithProviders {
        return {
            ngModule: KendoModule,
            providers: [
                DialogService,
            ],
        };
    }
}

Environment

Package versions:
+-- @angular-devkit/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @ngtools/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @telerik/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- popper.[email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- UNMET PEER DEPENDENCY [email protected]
+-- [email protected]
+-- [email protected]
`-- zone.[email protected]

Browser:

• Chrome (desktop) version 67.0.3396.99

System:

• TypeScript version: 2.4.2
• Node version: v8.11.3
• Npm version: 6.1.0
• Platform: Windows

I've tried to add PopupComponent as a entrycomponents kinda everywhere and even in non lazyloaded modules such AppModule directly, still got the error.

I also tried to install the latetest version for kendo dropdown, didnt change anything

[tapopov]

I've noticed that the dropdowns package is version 2.0.2, which isn't the latest one. Would you try removing all npm packages, then updating as explained here? It's not necessary to update to Angular 6 and RxJS 6.

[TheSegfault]

I edited my answer yesterday to explain that I tried it already

"I also tried to install the latetest version for kendo dropdown, didnt change anything"

I just updated dropdown, ill do the whole update

npm install -g npm-check-updates ncu -u -f /^@progress/

[TheSegfault]

It works ! As simple as that :) thanks ! I'll test a little bit further but It seems to work