Mô-đun không tìm thấy: Lỗi: Không thể giải quyết 'hammerjs'

Question

Tôi đã cập nhật dự án Angular 2 CLI của mình từ 1.0.0-beta.11-webpack.2 thành 1.0.0-beta.11-webpack.8 qua ng init. Dự án của tôi sử dụng góc 2.0.0-rc.5 và góc Chất liệu 2.0.0-alpha.7-4 nhưng khi chạy với ng serve tôi nhận được lỗi sau:

ERROR in ./src/app/app.module.ts 
Module not found: Error: Can't resolve 'hammerjs' in '/home/jan/src/fm-repos/fm-ui/src/app' 
@ ./src/app/app.module.ts 38:0-18 
@ ./src/app/index.ts 
@ ./src/main.ts 
@ multi main 

ERROR in [default] /home/jan/src/fm-repos/fm-ui/node_modules/@angular2-material/core/gestures/MdGestureConfig.d.ts:4:39 
Cannot find name 'HammerManager'. 

ERROR in [default] /home/jan/src/fm-repos/fm-ui/node_modules/@angular2-material/slide-toggle/slide-toggle.d.ts:67:19 
Cannot find name 'HammerInput'. 

ERROR in [default] /home/jan/src/fm-repos/fm-ui/node_modules/@angular2-material/slider/slider.d.ts:50:19 
Cannot find name 'HammerInput'. 

ERROR in [default] /home/jan/src/fm-repos/fm-ui/node_modules/@angular2-material/slider/slider.d.ts:52:24 
Cannot find name 'HammerInput'. 

Answer 1

Để làm việc xung quanh lỗi này, tạm thời thêm hammerjs để dự án của bạn:

npm install hammerjs --save 
npm install @types/hammerjs --save-dev 

và nhập khẩu trong định nghĩa mô-đun của bạn:

/** TODO: remove when work-around is not needed*/ 
import 'hammerjs'; 


@NgModule({ 
    declarations: [ 
    AppComponent, 
    HeaderComponent, 
    // ...