2017-03-03 58 views
1

我正在嘗試整合Angular的材料設計,我是以下official documentation
我已經安裝使用NPM的compnents和hammerJS:
npm install --save @angular/material
npm install --save hammerjs
在我app.module.ts我已經叫MaterialModulehammerjs
Angular2:沒有找到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'; 

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

但控制檯給了我這個錯誤:

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

什麼是我在這裏失蹤?

+0

你檢查一下嗎? http://stackoverflow.com/questions/41322566/angular-2-could-not-find-hammerjs/41322790 –

+0

@Kinduser是的,但我沒有polyfills.ts文件(我使用的是最新版本的角) – SlimenTN

回答

0

如果它只是一個JS庫,您可以將它作爲腳本添加到index.html文件中。

如果有類型輸入,通常會導入它,但我不會僅導入JavaScript文件。

看着你node_modules文件夾並添加類似:

<script src="node_modules/hammerjs/... .js"></script> 
+2

謝謝你這個伎倆。但是爲什麼這在官方文檔中沒有提到!這真的很奇怪。 – SlimenTN

+1

我認爲這是因爲根據你使用的框架有不同的方式來添加外部庫。這是最簡單的方法,您可以引用組件中的特定功能,例如: declare var functionName; 我認爲通常有更好和更推薦的方式來添加這些庫,但;取決於你使用的是什麼 – Bhetzie