We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Compatibility with Angular 9

Thread ID:

Created:

Updated:

Platform:

Replies:

149934 Dec 15,2019 11:26 AM UTC Jun 1,2020 11:20 AM UTC Angular - EJ 2 38
loading
Tags: General
Stanimir
Asked On December 15, 2019 11:26 AM UTC

Hello,

Is you product compatible with Angular 9, because I have migrated my existing Angular 8.2 project which includes your controls but they are not visualized anymore and no error in the console is shown.
When I run 'npm install' I get a lot of warnings like this:
npm WARN @syncfusion/ej2-angular-base@17.3.17 requires a peer of @angular/common@2.2.1 - 8.2.10 but none is installed. You must install peer dependencies yourself.

Is there a way to work with your controls and Angular 9, because it offers very good and clean way for localisation.

Thanks in advance.

Greetings, 
Stan

Vairamuthu Ramamoorthi [Syncfusion]
Replied On December 16, 2019 10:22 AM UTC

Hi Stanimir,  
  
Syncfusion Greetings  
  
We have logged “Update peer dependency in angular” as an issue. We will fix this issue and provide the patch on volume 4, 2019 release which is scheduled to release by mid of December 2019.    
  
Now, you can track the status of your request through below feedback link.    
  
  
  
Regards,  
Vairamuthu R 


Vairamuthu Ramamoorthi [Syncfusion]
Replied On December 23, 2019 07:31 AM UTC

Hi Stanimir, 
  
We are glad to announce that our Essential Studio Volume 4, 2019 release (v17.4.0.39) is rolled out and is available for download under the following link. 
  
  
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 
  
Regards, 
Vairamuthu R 


Géraud Brugière
Replied On December 23, 2019 10:05 AM UTC

Hi Vairamuthu,

I've just tried the new version, still not working in Angular 9 (not 8!!). I have another warning claiming requirement of v8.2.14. Any hint ?

Thanks for help.

Regards,
Géraud

Stanimir
Replied On December 23, 2019 10:11 AM UTC

Hello,

I use Angular 9 and do not have any warnings and my projects builds and runs. 

I am stuck with a UI bugs. For example my dialog does not open anymore and my UI is a bit broken since the updates. I am investigating what the issue could be. Probably is by my side. 

My next step would be to translate the controls to my language - Bulgarian. I hope that this will be an easy task. Any examples are welcomed. 

Géraud Brugière
Replied On December 23, 2019 11:07 AM UTC

Hi Stanimir,

Thank you for reply.

Can't see how you've made it work : peer dependency seems clearly 8.2.14 in syncfusion sources. Have you modified source code ?
I'm curious to see wich versions you use (from package-lock.json ?).

Géraud

Stanimir
Replied On December 24, 2019 08:36 AM UTC

Hi
Currently I use those versions. I yet experience a problem of not opening a dialog or visualising listview. It is very strange because I do not get any error, but there is NO UI for it. 



Greetings,
Stan

Géraud Brugière
Replied On December 24, 2019 09:59 AM UTC

Hi Stanimir,

Still don't know how you manage to have no warning with npm install command. I have tried with no success with a fresh install and no modification. Warnings disappear, of course, if I modify the node_modules/@syncfusion/ej2-angular-base/package.json but this is useless because component won't show in browser.

Well, I think this means that we have to wait a little bit for Angular 9 compatibility. Hopefully, we'll have it soon !

Merry Christmas.

Géraud

Stanimir
Replied On December 24, 2019 10:36 AM UTC

Hi,

Thanks and Marry Christmas to you too.

Actually I also have some warnings here. Probably they will give us more information soon.


Greets,
Stan

Banupriya Selvaraj [Syncfusion]
Replied On December 24, 2019 10:41 AM UTC

Hi Stanimir & Géraud Brugière, 
Angular v9.0.0-rc.7 is still in testing mode. Once angular team releases it in live, we will update our peer dependency.  
In angular v9.0.0-rc.7, IVY compilation is enabled by default.  Our control is not compatible with IVY compilation due to below angular issue 
 
 

 So please use stable angular-cli v8.3.21 and let us know if you need any further assistance. 
 
Regards, 
Banupriya Selvaraj 



Sanket Thotange
Replied On February 7, 2020 04:45 AM UTC

Team,

Any updates on Angular 9 compatibility?

Géraud Brugière
Replied On February 7, 2020 08:21 AM UTC

Hi !

Juste a little "trick". We have disabled ivy compilation in our project and manage to reduce drastically the errors. Still, there are some caveats but we are able to go forward and still hope that both Angular 9 & Syncfusion be available before delivery time !


To apply the trick

File : tsconfig.app.json

  "angularCompilerOptions": {
    "enableIvy": false
  },

Jesus Arockia Sankaran S [Syncfusion]
Replied On February 7, 2020 10:19 AM UTC

Hi Sanket, 
 
Thanks for contacting Syncfusion support.  
 
We are working on the Angular 9 IVY support and we expect that it will be available in our weekly patch release scheduled on February 18, 2020. We appreciate your patience until then.  
 
Please let us know if you have any concerns.   
 
Regards, 
Jesus Arockia Sankaran S 


Jesus Arockia Sankaran S [Syncfusion]
Replied On February 7, 2020 10:22 AM UTC

Hi Géraud, 
 
Thanks for your information.  
 
Please refer our previous update for the revised timeline of Angular IVY support. 
 
Regards, 
Jesus Arockia Sankaran S 


Samir Modi
Replied On February 19, 2020 11:21 AM UTC

Hi is this released now? To be compatible with Ivy and angular 9? We need to migrate our project to angular 9 

Banupriya Selvaraj [Syncfusion]
Replied On February 20, 2020 11:06 AM UTC

Hi All, 
 
Sorry for the inconvenience.  
 
Due to facing complexity while ensuring our EJ2 components with Angular 9, we were unable to complete it as promised. Currently, we are working on this with high priority and we will complete the Angular 9 support for upcoming patch release which is scheduled to be available on or before February 25, 2020.  
 
We appreciate your patience until then.  
 
Regards,  
Banupriya 


Louis Ormerod
Replied On February 25, 2020 04:12 AM UTC

Hi there,

Any progress with this issue to report?  

Many thanks

Louis

Banupriya Selvaraj [Syncfusion]
Replied On February 25, 2020 04:53 PM UTC

Hi All, 

Thanks for your patience. 

We have provided Angular 9 support to all our Syncfusion EJ2 components and it is available in our latest patch release version 17.4.0.51. 

Please let us know if you have any concerns 

Regards, 
Banupriya 


Jaco Roux
Replied On February 25, 2020 07:06 PM UTC

Upgraded to Angular 9 and 17.4.51.

Multiple issues in the syncfusion dependencies:

ERROR in Failed to compile entry-point @syncfusion/ej2-angular-dropdowns (module as esm5) due to compilation
errors:
node_modules/@syncfusion/ej2-angular-dropdowns/@syncfusion/ej2-angular-dropdowns.es5.js:195:31 - error NG1010: Value at position 0 in the NgModule.declarations of DropDownListModule is not a reference: [object Object]

195                 declarations: [
                                  ~
196                     DropDownListComponent
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
197                 ],
    ~~~~~~~~~~~~~~~~~

Attachment: Capture_d5e74694.7z

Arash yousefi
Replied On February 26, 2020 06:10 AM UTC

Having problem with angular 9 too...

Error failed to compile entry-point @syncfunction/ej2-angular-richtexteditor.es5.js:235:31

Declarations: [
RichTextEditorComponent
]

George
Replied On February 26, 2020 11:48 AM UTC

Hello,

There are still warnings for @syncfusion/ej2-angular-base@17.4.51

npm WARN @syncfusion/ej2-angular-base@17.4.51 requires a peer of @angular/common@2.2.1 - 8.2.14 but none is installed. You must install peer dependencies yourself.
npm WARN @syncfusion/ej2-angular-base@17.4.51 requires a peer of @angular/compiler@2.2.1 - 8.2.14 but none is installed. You must install peer dependencies yourself.
npm WARN @syncfusion/ej2-angular-base@17.4.51 requires a peer of @angular/core@2.2.1 - 8.2.14 but none is installed. You must install peer 
dependencies yourself.
npm WARN @syncfusion/ej2-angular-base@17.4.51 requires a peer of @angular/forms@2.2.1 - 8.2.14 but none is installed. You must install peer dependencies yourself.
npm WARN @syncfusion/ej2-angular-base@17.4.51 requires a peer of @angular/platform-browser@2.2.1 - 8.2.14 but none is installed. You must install peer dependencies yourself.
npm WARN @syncfusion/ej2-angular-base@17.4.51 requires a peer of @angular/platform-browser-dynamic@2.2.1 - 8.2.14 but none is installed. You must install peer dependencies yourself.

Regards,
George

George
Replied On February 26, 2020 02:08 PM UTC

Upgraded to Angular 9 and 17.4.51.

Multiple issues in the syncfusion dependencies:

ERROR in Failed to compile entry-point @syncfusion/ej2-angular-dropdowns (module as esm5) due to compilation
errors:
node_modules/@syncfusion/ej2-angular-dropdowns/@syncfusion/ej2-angular-dropdowns.es5.js:195:31 - error NG1010: Value at position 0 in the NgModule.declarations of DropDownListModule is not a reference: [object Object]

195                 declarations: [
                                  ~
196                     DropDownListComponent
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
197                 ],
    ~~~~~~~~~~~~~~~~~

Attachment: Capture_d5e74694.7z

Hi,

Try "target": "es6".

Regards,
George

Ólafur Gíslason
Replied On February 26, 2020 05:59 PM UTC

Perfect!

I had issues with the sidebar not hiding but the "target" : "es6" in tsconfig.json  did the trick for me.  Now everything is working with 9.0.3 and the 17.4.51 weekly build.

regards,
Olafur


Banupriya Selvaraj [Syncfusion]
Replied On February 27, 2020 11:32 AM UTC

Hi Jaco and Arash, 

We have checked your reported issue and we are unable to reproduce it on our end. We have prepared the dropdownlist and RichtextEditor samples in Angular 9. Please find the samples in the below links.   
Sample link:  
 
Please find the “ng build –prod” and “ng serve” command output screenshot in below. 
For Dropdownlist: