Compile Time Error

[Nagendra Gupta]

Dear Team

I have updated @syncfusion/ej2-angular-grids version 17.4.43 to 18.4.48. After that, I am getting errors in aggregate and the footer is not showing. I am pasting below the error.

ERROR TypeError: height.indexOf is not a function at GridComponent.push../node_modules/@syncfusion/ej2-angular-grids/node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.getHeight (grid.js:4701) at Aggregate.push../node_modules/@syncfusion/ej2-angular-grids/node_modules/@syncfusion/ej2-grids/src/grid/actions/aggregate.js.Aggregate.initiateRender (aggregate.js:33) at Observer.push../node_modules/@syncfusion/ej2-angular-grids/node_modules/@syncfusion/ej2-base/src/observer.js.Observer.notify (observer.js:99) at GridComponent.push../node_modules/@syncfusion/ej2-angular-grids/node_modules/@syncfusion/ej2-base/src/component.js.Component.notify (component.js:249) at GridComponent.push../node_modules/@syncfusion/ej2-angular-grids/node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.render (grid.js:858) at GridComponent.push../node_modules/@syncfusion/ej2-angular-grids/node_modules/@syncfusion/ej2-base/src/component.js.Component.appendTo (component.js:174) at component-base.js:137 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423) at Object.onInvokeTask (core.js:26247) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422) defaultErrorLogger @ core.js:4002

[Vignesh Sivagnanam]

Hi Nagendra 

Greetings from Syncfusion support. 

Based on your query you are facing script error in aggregates after upgrading to 18.4.48 version. So, we have prepared sample with the mentioned version but we did not face the mentioned issue at our end.  

Please find the below sample for more reference, 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/my-app1176621414.zip 

In this we suspect that the mentioned script error is thrown due to the duplicate packages. So, please follow the steps provided below to remove it(if any) and check if the problem is resolved,  

• Delete package.lock.json file from your application.  
• Remove the @syncfusion package folder from the node_modules.
• Use latest version or “*”(Installs the latest packages) for all Syncfusion components in package.json file.  
• Then install the NPM packages.  

Documentation: https://ej2.syncfusion.com/angular/documentation/common/how-to/update-npm-package/#update-syncfusion-npm-package 

If you are still facing the same issue, please share the following details 

1. Share the complete Grid rendering code. 

2. If possible please replicate the issue in the above attached sample. 

Regards 

Vignesh Sivagnanam 

[Nagendra Gupta]

Dear Team

I am getting below error on console . I also followed all steps which is given in your last response.

ERROR TypeError: str.match is not a function

[Vignesh Sivagnanam]

Hi Nagendra 

Thanks for the update 

Based on the error details, we suspect that, still there are some duplicate packages (node_modules placed inside the @syncfusion folder) installed in your node_modules.  

So, we kindly suggested you uninstall the Syncfusion packages (or node modules) and update all the packages to its current version.  

  

Could you please follow the steps provided in the following documentation or use the below steps to update the packages.  

  

1. Delete the package.lock.json file from your application.
2. Remove the node_modules folder from your project.
3. Use the current version (or use *)for all the Syncfusion components in the package.json file.
4. Then do the npm install.

  

UG: https://ej2.syncfusion.com/angular/documentation/common/how-to/update-npm-package/  

  

Also, use npm dedupe to remove the duplicate packages.  

Regards 

Vignesh Sivagnanam