Cannot find name 'HammerStatic'

Question

Cannot find name 'HammerStatic'

avrahamwn opened this issue a year ago · 19 comments

Describe the bug
In my project the library version was "^7.0.0" - which automatically updates minor versions.
Today, when tryimg to build the app as usual, the build failed with the following error message:
Error: node_modules/@ngu/carousel/lib/ngu-carousel/ngu-carousel-hammer-manager.d.ts:6:24 - error TS2304: Cannot find name 'HammerStatic'.

6 load(): Observable;
~~~~~~~~~~~~

Error: node_modules/@ngu/carousel/lib/ngu-carousel/ngu-carousel-hammer-manager.d.ts:16:52 - error TS2304: Cannot find name 'HammerManager'.

16 createHammer(element: HTMLElement): Observable;
~~~~~~~~~~~~~

Error: node_modules/@ngu/carousel/lib/ngu-carousel/ngu-carousel-hammer-manager.d.ts:17:16 - error TS2304: Cannot find name 'HammerManager'.

17 on(hammer: HammerManager, event: string): Observable;
~~~~~~~~~~~~~

Error: node_modules/@ngu/carousel/lib/ngu-carousel/ngu-carousel-hammer-manager.d.ts:17:58 - error TS2304: Cannot find name 'HammerInput'.

17 on(hammer: HammerManager, event: string): Observable;
~~~~~~~~~~~

Then I realized that there was an update in the past day, to version 7.1.3.
I removed the "^" from the version specification, and with version 7.0.0 the build passed successfuly.

To Reproduce
Steps to reproduce the behavior:

Just install the new version 7.1.3

Expected behavior
A clear and concise description of what you expected to happen.

Should build app successfuly.

Additional context
Version of
Angular: 15
carousel: 7.1.3

Would you like to open a PR (Support will be provided):
[ ] Yes
[x] No

Answer 1 · 2023-05-12T07:18:03.000Z

Thank you for raising it, we will check it soon.

Answer 2 · 2023-05-13T08:15:48.000Z

Hello, I had the same behavior at work.

You need to install @types/hammerjs as devDependencies.

Then add "@types/hammerjs" in the "types" array of your tsconfig (where you need it, eg app, spec, server if you have one, etc)

Answer 3 · 2023-05-23T08:20:11.000Z

I have the same issue

Answer 4 · 2023-05-28T17:32:26.000Z

Hello, I had the same behavior at work.

You need to install @types/hammerjs as devDependencies.

Then add "@types/hammerjs" in the "types" array of your tsconfig (where you need it, eg app, spec, server if you have one, etc)

Didn't work for me. Installed hammerjs with --save-dev, tried to add both "hammerjs" and "@types/hammerjs" to tsconfig, still same issue.

Angular: 15.2.9

Answer 5 · 2023-05-29T20:20:00.000Z

I have the same issue

#451 (comment) this should work

Answer 6 · 2023-05-29T20:20:51.000Z

Hello, I had the same behavior at work.
You need to install @types/hammerjs as devDependencies.
Then add "@types/hammerjs" in the "types" array of your tsconfig (where you need it, eg app, spec, server if you have one, etc)

Didn't work for me. Installed hammerjs with --save-dev, tried to add both "hammerjs" and "@types/hammerjs" to tsconfig, still same issue.

Angular: 15.2.9

You just need @types/hammerjs in tsconfig can you share a small repo if it is still not working

Answer 7 · 2023-07-25T08:02:46.000Z

It's not working for me either exactly same issue : Can not find 'HammerStatic' , 'HammerManager' , 'HammerInput' , Angular 16 and Material 16, tried above mentioned solution but didn't work. Angular 16.1.6 exactly. @anti79 let me know if you were able to solve this. Its very urgent for me , stuck on this upgrade.

Answer 8 · 2023-07-25T08:10:05.000Z

@anti79 @daansturm any way which worked for you guys?

Answer 9 · 2023-07-25T12:25:05.000Z

Hey Everyone, can someone create a small reproduction to check?

Answer 10 · 2023-07-26T13:53:59.000Z

PreetiTiwari86 commented a year ago

Answer 11 · 2023-07-26T13:55:10.000Z

above error , I have installed hammerjs 2.0.8 , types@hammerjs as well. Angular 16.1.6 . @santoshyadavdev any inputs will be appreciated.

Answer 12 · 2023-07-26T13:57:08.000Z

I used ngx-slick-carousel instead of ngu-carousel.

Answer 13 · 2023-07-26T14:02:46.000Z

@PreetiTiwari86 can you share a small reproduction please the image is not going to help us debug the issue, please share stackblitz with sample if possible

Answer 14 · 2023-07-29T20:45:10.000Z

Same here, works in 7.0.0 to 7.1.2 though.
First guess is that the issue comes from this commit @7.1.3.

Answer 15 · 2023-07-29T21:56:19.000Z

Can you share version of hammerjs and @types/hammerjs please

Answer 16 · 2023-09-13T08:59:42.000Z

Can you share version of hammerjs and @types/hammerjs please
I am facing same error

"hammerjs": "^2.0.8",
"@types/hammerjs": "^2.0.41",

And in tsconfig

"typeRoots": [
"node_modules/@types"
]

Also for me it is giving error when running ng test
Can someone pls help on this?

Answer 17 · 2023-11-01T13:57:12.000Z

Hey @Yberion ,
Thank you. You saved my day.

Following are the steps I followed

Installed following dependencies npm i @ngu/carousel@7.1.3, npm install hammerjs and npm install @types/hammerjs --save-dev
Added "@types/hammerjs" in both of the following files tsconfig.app.json and tsconfig.server.json

Note: Adding "@types/hammerjs" only in tsconfig.app.json is not sufficient. We have to also add in tsconfig.server.json.

Answer 18 · 2023-11-18T10:43:51.000Z

file: polyfills.ts

import 'hammerjs';

Answer 19 · 2024-02-05T18:55:54.000Z

Hello, I had the same behavior at work.

You need to install @types/hammerjs as devDependencies.

Then add "@types/hammerjs" in the "types" array of your tsconfig (where you need it, eg app, spec, server if you have one, etc)

Installing @types/hammerjs was all that was required for me. Adding that to the tsconfig types array made my IDE complain it couldn't find the definition file for @types/hammerjs (though the app compiled and ran with or without this addition).