Angular 9 and IVY compilation

[Stanimir]

Hello, 

I saw that there is a bug in angular regarding IVY 

https://github.com/angular/angular/issues/31495  

As for this bug it is not possible to use your controls with IVY. 

Could you give us more information about is this planned to be fixed and when so we can use IVY in our projects. 

Thanks in advance,

Stan

[Jesus Arockia Sankaran S]

Hi Stanimir, 

  

Thank you for contacting Syncfusion support.  

  

As you stated in your update, we are facing compilation issue with our components in Angular Ivy. We have already reported this to Angular team in the given Github bug thread. Once the Angular team fixed the reported issue, we will check and ensure our components with Ivy compilation.  

  

In the below issue link, the angular team gave a workaround but it didn’t work well. Since this issue needs to be addressed by Angular team, we will update you once the issue is resolved by them. 

https://github.com/angular/angular/issues/31495 

  

Regards, 

Jesus Arockia Sankaran S 

[Stanimir]

Hello,

Thank you for the information. 

I see that the bug is yet open - do the Angular team plan to start it (fix it) soon. Do you have any idea if it is about a week or a month or more to wait for it so we can migrate to Angular 9 and use IVY normally. 

Greets,

Stan

[Jesus Arockia Sankaran S]

Hi Stanimir, 

  

We have asked the angular team to provide the timeline for fixing the issue.  

https://github.com/angular/angular/issues/31495  

  

Once they fixed the issue, we will update the further details. Until then, we appreciate your patience. 

  

Regards, 

Jesus Arockia Sankaran S 

[Jesus Arockia Sankaran S]

HI Stanimir, 

Thanks for contacting Syncfusion support.  

We are currently working on the IVY support for our Syncfusion EJ2 Angular components and it is expected to be rolled out with our Volume 1, 2020 release in the end of March.   

 

We appreciate your patience until then and you will be intimated once it is out.  

Please let us know if you have any concerns. 

Regards, 

Jesus Arockia Sankaran S 

[Jesus Arockia Sankaran S]

Hi Stanimir, 

Thank you for waiting for our response. 

We are glad to inform you that we have provided Angular 9 and IVY support with our Volume 1, 2020 release. And we request to check this with any of our latest release version. 

Please let us know if you have any queries. 

Regards, 

Jesus Arockia Sankaran S 

[Shaveta C]

With the latest version, we are facing compilation issues. Following are the versions

Angular CLI: 9.1.0

Node: 14.15.0

Angular: 9.1.0

syncfusion-javascript@18.4.39

ej-angular2@18.4.39

@types/jquery@3.5.5

@types/ej.web.all@18.3.1

IYV Workspace - YES

Following errors:

52 var KanbanColumnsDirective = (function (_super) {

       ~~~~~~~~~~~~~~~~~~~~~~

node_modules/ej-angular2/src/ej/ribbon.component.js:42:5 - error NG6003: Appears in the NgModule.exports of EJAngular2Module, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

42 var RibbonApplicationTabBackstageSettingsPagesDirective = (function (_super) {

       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

node_modules/ej-angular2/src/ej/ribbon.component.js:107:5 - error NG6003: Appears in the NgModule.exports of EJAngular2Module, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

107 var RibbonContentGroupsDirective = (function (_super) {

        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

node_modules/ej-angular2/src/ej/ribbon.component.js:155:5 - error NG6003: Appears in the NgModule.exports of EJAngular2Module, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

155 var RibbonContentsDirective = (function (_super) {

        ~~~~~~~~~~~~~~~~~~~~~~~

node_modules/ej-angular2/src/ej/ribbon.component.js:207:5 - error NG6003: Appears in the NgModule.exports of EJAngular2Module, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

207 var RibbonGroupsDirective = (function (_super) {

        ~~~~~~~~~~~~~~~~~~~~~

node_modules/ej-angular2/src/ej/ribbon.component.js:252:5 - error NG6003: Appears in the NgModule.exports of EJAngular2Module, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

252 var RibbonTabsDirective = (function (_super) {

        ~~~~~~~~~~~~~~~~~~~

node_modules/ej-angular2/src/ej/radialmenu.component.js:51:5 - error NG6003: Appears in the NgModule.exports of EJAngular2Module, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

51 var RadialMenuItemsDirective = (function (_super) {

This is for all the components in ej-angular2

[Jesus Arockia Sankaran S]

Hi Shaveta, 

Sorry for the inconvenience. 

We would let you know that this is already known issue and it is related to Angular 9 package itself. Angular team fixed this issue with Angular 10 that you refer from the below Angular GitHub issue link. 

https://github.com/angular/angular/issues/38947#issuecomment-697368253 

SO, we request you to upgrade the Angular version to above Angular 10 to fix this issue. 

Please get back to us if you have any concerns. 

Regards, 

Jesus Arockia Sankaran S 

[Shaveta C]

Thank you for the help. It worked.

[Saranya Murugasamy]

Hi Shaveta, 

Most Welcome. Please let us know if you need further assistance. 

 

Regards, 

Saranya M