2017-03-03 14 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

関連する問題