가져 오기가 작동하지 않습니다

Question

내가 4. 각 에서 모듈의 가져 오기 문제가 있습니다 나는 다음과 같은 구조를 가지고 :

내 app.module.ts을

.... 
import { NavbarComponent } from './a2-components/navbar/navbar.component'; 
import { SidebarComponent } from './a2-components/sidebar/sidebar.component'; 
import {AdminModule} from './admin/admin.module'; 

@NgModule({ 
    imports: [ 
    ... 
    AdminModule, 
    MaterialModule.forRoot(), 
    ... 
    ], 
    providers: [ ], 
    declarations : [ 
    ... 
    NavbarComponent, 
    SidebarComponent, 
    ... 
    ], 
    bootstrap: [ AppComponent ] 
}) 

export class AppModule { 

} 

내 admin.module

... 
import { AdminComponent }  from './admin.component'; 
import { HomeComponent }  from './home/home.component'; 
import { AdminService }  from './admin.service'; 

@NgModule({ 
    imports: [ ... ], 
    declarations: [ AdminComponent, HomeComponent ], 
    providers:[ AdminComponent, AdminService ] 
}) 
export class AdminModule {} 

는 app.module는 admin.module보다 계층 적으로 더 큰 모듈입니다. @ angular/material, NavbarComponent 및 SidebarComponent를 가져오고 있지만 NavbarComponent 및 SidebarComponent 모듈이 admin.module 모듈에서 발견되지 않는다는 오류가 발생합니다.

오류 이미지 : 가

누군가가 나에게 팁을 줄 수 있는가?

Answer 1

angular-cli.json, index.html 또는 Style.css를 볼 수 있습니까?

부트 스트랩과 같은 스타일 용 프레임 워크를 추가하면 새 프레임 워크에 필요한 링크 CSS가 필요합니다.

은있는 style.css이 줄을 추가

@import '~https://fonts.googleapis.com/icon?family=Material+Icons'; 
@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css'; 
@import '../node_modules/bootstrap/dist/css/bootstrap.min.css'; 

다른 생각을, 나는 모듈에 재료를 추가 할 때, 그냥이 코드를 넣어 :

import { MaterialModule } from '@angular/material'; 

@NgModule({ 
imports: [ 
    MaterialModule, 
]}) 

이 나를 위해 일했다.