2017-11-17 10 views
0

각도 1.5에서 각도 2로이 프로젝트에서 움직이는 중입니다. 새 앱을 설정하는 동안이 문제가 발생하여 앱에이 라이브러리를 추가하고 있습니다. https://www.npmjs.com/package/angular2-materialize하지만이 라이브러리는 호환되지 않습니다.이 하나의 오류가 발생합니다. 각도 2를 지원하는 각도 materialize를 사용하고 싶습니다. 위의 라이브러리를 사용하여 더 나은 소스 또는 구현 방법.앵귤러 2 프로젝트에 구체화하는 방법은 무엇입니까?

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

가져

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 { } 

오류는

import { MaterializeModule } from "angular2-materialize"; 

이후는 수입

을에서 선언 코드에서 import 문을 추가 할 필요가 실현
@NgModule({ 
    imports: [ 
    //... 
    MaterializeModule, 
    ], 
    //... 
}) 

당신의 경우 가져 오기에 문제가 있다고 생각합니다. 라우팅하기 전에 MaterializeModule을 선언하십시오. 도움이되지 않으면 pls가 오류 메시지를 제공합니다.

+0

나는 동일한 문제를 계속 라우팅하기 전에 재료 모듈을 추가하려고했는데 문제가 추가되었습니다. – hussain

+0

dist 디렉토리 아래 materialize.css를 보지 않았습니다. – hussain

+0

로컬 디렉토리 또는 전역에 angular2-materialize를 설치하고 있습니까? –