nativescript-telerik-ui not supporting AoT compilation

[License]

Hello,

 Can I know when  will you release a version 1.6.1 which should include the support for AoT compilation ?

 Thanks!

[Vladi]

Hello,

We are currently working on providing support for AoT in the nativescript-telerik-ui/-pro plugin in the 1.6.1 version. We plan to release that version very soon most likely next week. While you wait for that version to get release you can test it functionality with the "next" tag of the plugin, simply changed the dependency of the plugin in the package.json to:

"nativescript-telerik-ui-pro": "next"

Note that the "next" version is considered unstable as it is updated with our hourly builds and may include unexpected behaviors, new features, breaking changes etc. it is provided for a way for our users to be able to test a fix or a new feature as soon as possible. When that version is fully tested it is then released as official.

Regards,
Vladi
Telerik by Progress

[Vincent]

Hello @Vladi,

 

I tried what you said with the "next" tag but it seems to still download a version incompatible with AoT.

Are you sure this is on npm already?

Thank you for your help!

Vincent

[Vladi]

Hello,

Hi Vincent,

I just tested the latest "next" version inside an AoT project and it was packed and started correctly. Can you share with me what errors messages you receive in your project. Also as this is a not released feature maybe you are not setting up the imports accordingly, we will make sure to upgrade our documentation with the following information once it is released officially:

• Remove the old "...DIRECTIVE" imports for any of the components from the nativescript-telerik-ui-pro plugin
• Add new imports from the same "angular" namespace as the old directives but import the "...Module" like this:

import { NativeScriptUISideDrawerModule } from "nativescript-telerik-ui-pro/sidedrawer/angular";
import { NativeScriptUIListViewModule } from "nativescript-telerik-ui-pro/listview/angular";
import { NativeScriptUICalendarModule } from "nativescript-telerik-ui-pro/calendar/angular";
import { NativeScriptUIChartModule } from "nativescript-telerik-ui-pro/chart/angular";
import { NativeScriptUIDataFormModule } from "nativescript-telerik-ui-pro/dataform/angular";

• After that simply add those modules to the imports of your main ngModule:

@NgModule({
    bootstrap: [
        AppComponent
    ],
    declarations: [
        AppComponent
    ],
    imports: [
        NativeScriptModule,
        NativeScriptFormsModule,
        NativeScriptRouterModule,
        NativeScriptUIListViewModule,
        NativeScriptUISideDrawerModule,
        NativeScriptUICalendarModule,
        NativeScriptUIChartModule,
        NativeScriptUIDataFormModule
    ],
    exports: [
        NativeScriptModule,
        NativeScriptRouterModule
    ],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
export class AppModule { }

Hope this helps, if you continue to receive errors please send them to me here so I can take a look at them. Also if possible a sample project that reproduces the issue will be great so I can make sure that I am observing the exact scenario you are experiencing.


Regards,
Vladi
Telerik by Progress

[Vincent]

Hello Vladi,

thanks for your response. Well when I tested last week the package didn't include exports of NgModules. 

Since last friday it works fine!

Thank you very much.

Keep up the great work!

Vincent

[Vladi]

Hello Vincent,

We are glad that the issue was resolved in the next version of the nativescript-telerik-ui-pro plugin. We are doing our best to push this version to the official release tag with version 1.6.1 so keep an eye for it.

If I can be of any further assistance do not hesitate to contact us again.

Regards,
Vladi
Telerik by Progress

[Jonathan Salomon]

Hi Vladi,

I am using version 1.6.1 but am still seeing some errors like these:

$ ./node_modules/.bin/ngc -p tsconfig.aot.json
Error at /Users/joni/projects/testjoni/node_modules/nativescript-telerik-ui/sidedrawer/angular/side-drawer-directives.ngfactory.ts:50:20: Supplied parameters do not match any signature of call target.
Error at /Users/joni/projects/testjoni/node_modules/nativescript-telerik-ui/sidedrawer/angular/side-drawer-directives.ngfactory.ts:81:53: Property 'drawerOpening' does not exist on type 'RadSideDrawerComponent'.
Error at /Users/joni/projects/testjoni/node_modules/nativescript-telerik-ui/sidedrawer/angular/side-drawer-directives.ngfactory.ts:82:53: Property 'drawerOpen' does not exist on type 'RadSideDrawerComponent'.
Error at /Users/joni/projects/testjoni/node_modules/nativescript-telerik-ui/sidedrawer/angular/side-drawer-directives.ngfactory.ts:83:53: Property 'drawerClosing' does not exist on type 'RadSideDrawerComponent'.
Error at /Users/joni/projects/testjoni/node_modules/nativescript-telerik-ui/sidedrawer/angular/side-drawer-directives.ngfactory.ts:84:53: Property 'drawerClosed' does not exist on type 'RadSideDrawerComponent'.
Error at /Users/joni/projects/testjoni/node_modules/nativescript-telerik-ui/sidedrawer/angular/side-drawer-directives.ngfactory.ts:93:20: Supplied parameters do not match any signature of call target.
Error at /Users/joni/projects/testjoni/node_modules/nativescript-telerik-ui/sidedrawer/angular/side-drawer-directives.ngfactory.ts:120:20: Supplied parameters do not match any signature of call target.

 

Also I made sure that the references to the drawer in my component are public (actually it does not complain about the component itself):

@ViewChild(RadSideDrawerComponent) public drawerComponent: RadSideDrawerComponent;
public drawer: SideDrawerType;

ngAfterViewInit() {
  this.drawer = this.drawerComponent.sideDrawer;
}

 

Any advice?

[Vladi]

Hello Jonathan,

Can you make sure that you are importing the brand new NgModule of the RadSideDrawer (NativeScriptUISideDrawerModule) into the imports of the bootstrapped module of your app. I recently updated your documentation with the new approach of importing the plugin contents into an {N} + Angular application in order for AoT to work as expected, more details can be found in this article.

Please let me know if you continue to experience issues with using the RadSideDrawer in an AoT project.

Regards,
Vladi
Telerik by Progress