nativescript-telerik-ui not supporting AoT compilation

Thread is closed for posting
8 posts, 1 answers
  1. License
    License avatar
    43 posts
    Member since:
    Oct 2016

    Posted 07 Feb 2017 Link to this post

    Hello,

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

     Thanks!

  2. Answer
    Vladi
    Admin
    Vladi avatar
    749 posts

    Posted 07 Feb 2017 Link to this post

    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
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
  3. Vincent
    Vincent avatar
    2 posts
    Member since:
    Feb 2017

    Posted 09 Feb 2017 in reply to Vladi Link to this post

    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

  4. Vladi
    Admin
    Vladi avatar
    749 posts

    Posted 14 Feb 2017 Link to this post

    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
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
  5. Vincent
    Vincent avatar
    2 posts
    Member since:
    Feb 2017

    Posted 14 Feb 2017 in reply to Vladi Link to this post

    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

  6. Vladi
    Admin
    Vladi avatar
    749 posts

    Posted 15 Feb 2017 Link to this post

    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
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
  7. Jonathan Salomon
    Jonathan Salomon avatar
    27 posts
    Member since:
    Oct 2016

    Posted 27 Feb 2017 in reply to Vladi Link to this post

    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?
  8. Vladi
    Admin
    Vladi avatar
    749 posts

    Posted 01 Mar 2017 Link to this post

    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
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
Back to Top