Angular2: hammerjs is not found

I'm trying to integrate Angular's material design and I'm the following the official documentation.
I have installed the compnents and hammerJS using npm:
npm install --save @angular/material
npm install --save hammerjs
And in my app.module.ts I have called the MaterialModule and hammerjs:

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MaterialModule } from '@angular/material';

import { AppComponent }  from './app.component';
import { HeaderComponent } from './comps/header.component';
import 'hammerjs';

  imports:      [ BrowserModule, MaterialModule ],
  declarations: [ AppComponent, HeaderComponent ],
  bootstrap:    [ AppComponent ]
export class AppModule { } 

But the console gives me this error:

GET http://localhost:3000/hammerjs 404 (Not Found)

What am I missing here ?


If it's simply a JS library, you can add it as a script in your index.html file.

You would typically import it if there is a typings for it, but I wouldn't import just a JavaScript file.

Look in your node_modules folder and add something like:

<script src=""></script>


 ? Turn off Hammer JS events in Angular 2 to allow scrolling
 ? Angular Dragula and ng-repeat $index
 ? Dragula Drag only wanted elements
 ? angular2 Dragula css cursor grab/grabbing not working
 ? ng2-dragula group items in div
 ? Adding Dragular to Angular2 Application: document is not defined
 ? AOT error: require is not defined (caused by ng2-dragula library)
 ? Using ng2-dragula to drag and swap grid lists
 ? How to make it work: Dragula drag-and-drop on Meteor
 ? angular-dragular issue with dragular-model