Hello!
after upgrading to Angular 9 and following the instructions ofhttps://ko.infragistics.com/products/ignite-ui-angular/angular/components/general/update_guide.html#additional-manual-changesI keep getting a "Hammer is not defined" error in the browser console.("IgxGridRowComponent.html:73 ERROR ReferenceError: Hammer is not defined at new HammerGesturesManager" to be precise.)
I tried to add the HammerModule in many ways and different locations (app.module and below). Also I tried to switch off switch off Angular 9’s Ivy but had no luck.
In the end I imported it by string in main.ts (import "hammerjs";) This depecated way of importing still works somehow but for obvious reasons I want to get rid of it.
Ideas anybody?
Hello André,
I’m glad that you find the provided information helpful.
Best Regards, Martin Evtimov Entry Level Software Developer Infragistics, Inc.
Hello Martin,
thank you for your speedy and detailed replies!
Best RegardsAndré
Thanks for your reply.
Angular Components no longer depend on HammerJS. Therefore, it is stated that this string import is outdated in their guidelines. On the other hand, IgniteUI for Angular components depend on HammerJS and it should be imported as a side effect only import into the main.ts file or into the script array of angular.json.
Please let me know if you need any further information.
Hello Martin,thank you for your reply.
Martin Evtimov said:I made sure that there is a hammerjs string import in the main.ts file.
is what I meant by
André Schröter said:In the end I imported it by string in main.ts (import "hammerjs";)
Isn't this a deprecated way of importing it, looking athttps://github.com/angular/components/blob/master/guides/v9-hammerjs-migration.mdyou mentioned in your first answer (that ist vanished now in this forum)?
Hallo André,
Thank you for contacting Infragistics Support!
Due to a breaking change in Angular 9 Hammer providers are no longer implicitly added. The Angular’s new HammerModule only enables HammerJS event bindings which were previously enabled by default in Angular versions 8 and below. IgniteUI for Angular components are using such events and that’s why the HammerModule must be imported. Those events are dependent on the HammerJS script, which isn’t included in the HammerModule and therefore it must be imported as a side-effects only import either in the main.ts or in the scripts array of angular.json.
I have created a test project using Angular 8 and IgniteUI for Angular 8.2.x which I have updated to Angular 9 and IgniteUI for Angular 9.0.x using:
The result is that the updated Angular 9 project works as expected. I believe that you will find the described steps helpful.