Cannot find name 'HammerManager'

Question

I am using @angular-2.0.0-rc.5, @angular2-material 2.0.0-alpha.7-4 & Angular-CLI 1.0.0-beta.11-webpack.2

When I try to compile it throws an error, Cannot find name 'HammerManager'. Please see attached screenshot.

I found some solution for Angular-CLI (non-webpack) version but none for webpack version with.

Any one got this fixed with above setup ?

score 15 · Accepted Answer · answered Aug 23 '16 at 06:54

15

Here is the solution that worked for me ...

npm install hammerjs --save-dev
npm install @types/hammerjs --save-dev
import 'hammerjs'; (in main.ts)

Thanks to @j2L4e & this answer https://github.com/justindujardin/ng2-material/issues/244#issuecomment-241600752

answered Aug 23 '16 at 06:54

microchip78

2,040
2
28
39

i was facing similar issue so I followed your 3 steps but on browser console I am getting error `Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3002/hammerjs` Do I need to add anything in systemjs.config.js or index.html? – Sanket Sep 20 '16 at 04:16

j2L4e · Answer 2 · 2016-08-23T06:54:02.870

12

You'll need to install the missing typings:

npm install @types/hammerjs --save-dev

Then put a reference to the hammerjs typings into your tsconfig.json:

"types": [
  ...,
  "hammerjs"
]

if that's not enough, also install hammerjs itself via npm:

npm i hammerjs

edited Aug 23 '16 at 06:54

answered Aug 23 '16 at 06:45

j2L4e

6,914
34
40

its not working ... still same problem ... I did npm install hammerjs --save-dev & added reference in tsconfig.json as @j2L4e mentioned – microchip78 Aug 23 '16 at 06:47
`npm install @types/jammerjs --save-dev` – j2L4e Aug 23 '16 at 06:48
typo. its `@types/hammerjs` obviously. – j2L4e Aug 23 '16 at 06:54
did you `npm install hammerjs` too? – j2L4e Aug 23 '16 at 06:55
whats your projects typescript version? run `node_modules/.bin/tsc -v` – j2L4e Aug 23 '16 at 06:56
yes I did. only part extra i did as mentioned in my answer import 'hammerjs'; in main.ts – microchip78 Aug 23 '16 at 06:56
I see you got it working. No idea why you'd need to `import 'hammerjs'`, but glad it works. Have a great day! – j2L4e Aug 23 '16 at 07:00

score 1 · Answer 3 · answered Sep 22 '16 at 15:33

1

While you should use --save-dev when installing the typings, you should use --save when installing hammerjs itself. You will want that installed in production.

answered Sep 22 '16 at 15:33

John Deighan

4,329
4
18
19

Depends on what you are doing. If you are creating a library that can optionally make use of hammerjs (eg. optional inclusion of gesture support), then you want to develop the library with hammerjs by installing hammer via `devDependencies` and also declare it in `optionalDependencies` in order to give a hint to the library's consumers. – Dan Macak Dec 10 '19 at 21:05

Cannot find name 'HammerManager'

3 Answers3

Linked