Question

4

Angular - 'Could not find HammerJS'

rated 0 times [ 9] [ 5] / answers: 1 / hits: 83883 / 8 Years ago, sun, december 25, 2016, 12:00:00

I'm working on a simple angular project where I am trying to import Material Design into my project but some of the components aren't working properly and a console warning says:

Could not find HammerJS. Certain Angular Material components may not work correctly.

I have hammerjs installed and also @angular/material. How do I resolve this issue?

Sidenote

It may be worth noting that if you have hammerjs installed and your components are still not rendering correctly to make sure you are using angular material components and not html elements with materialize-css classes.
If you are using materialize-css instead of angular material, you will need to add it to your project separately.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ibrahimgilbertoz

Add To Favorites

Follow

Total Points: 420

Total Questions: 112

Total Answers: 92

Location: Bonaire

Member since Sat, May 1, 2021

3 Years ago

answered 8 Years ago alejandro · Accepted Answer

In your package.json file add this to dependencies

hammerjs: ^2.0.8,

Or if you want an alternative automatic way just you can type npm i hammerjs --save (or npm i [email protected] --save if you want, since 2.0.8 is the latest version nowdays) in your root project folder and test then, if the problem still occurring try to delete the node_modules folder and reinstall it in the root project folder also by running npm install which will check the dependencies (where hammerjs resides), devDependencies ..., in package.json file and install them.

Also in your polyfills.ts (recommended to have a one if you have not)

import 'hammerjs/hammer';

Thus, it would be found while your angular app is executed since polyfills.ts itself is called by import (in a normal case, else you can check it) in main.ts which is the angular apps' entry point.