2017-11-17 17 views
0

このプロジェクトでは1.5から2に移動しますが、新しいアプリを設定する際にこの問題が発生しましたので、このライブラリをアプリに追加しています。 https://www.npmjs.com/package/angular2-materializeこのライブラリは互換性がありませんが、これはエラーをスローします。角度2をサポートする角度マテリアライズを使用したいと思います。上記のライブラリを使用して実装する方法がより優れています。角度2のプロジェクトにマテリアライズを追加するには?

app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { RouterModule } from '@angular/router'; 
import { AppComponent } from './app.component'; 
import { StreamComponent } from './stream/stream.component'; 
import { StreamService } from './stream.service'; 
import { routing } from './app.routes'; 
import { MaterializeModule } from "angular2-materialize"; 
const ROUTES = [ 
    { 
    path: '', 
    redirectTo: 'app', 
    pathMatch: 'full' 
    }, 
    { 
    path: 'stream', 
    component: StreamComponent 
    } 
]; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    StreamComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    routing, 
    MaterializeModule 
    ], 
    providers: [StreamService], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

インポートするにはERROR

angular-material.js:13 Uncaught TypeError: Cannot read property 'module' of undefined 
    at angular-material.js:13 
    at angular-material.js:14 
    at angular-material.js:36390 
(anonymous) @ angular-material.js:13 
(anonymous) @ angular-material.js:14 
(anonymous) @ angular-material.js:36390 
index.js:4 Uncaught ZoneAwareError {__zone_symbol__error: Error: Couldn't find Materialize object on window. It is created by the materialize-css library. Ple…, …} 

答えて

0

はあなたのコード

import { MaterializeModule } from "angular2-materialize"; 

と輸入の宣言、それの後にインポート文を追加する必要が実体化

@NgModule({ 
    imports: [ 
    //... 
    MaterializeModule, 
    ], 
    //... 
}) 

あなたのケースではインポートに問題があると思いますが、ルーティングの前にMaterializeModuleを宣言してみてください。それはplsエラーメッセージを提供するのに役立たない場合

+0

私は問題のエラーを追加した同じ問題をルーティングする前に材料モジュールを追加しようとしました。 – hussain

+0

distディレクトリの下にmaterialize.cssがありません – hussain

+0

ローカルディレクトリにglobal2-materializeをインストールしていますかグローバルですか? –

関連する問題