在上部模块中导入角度材料不起作用

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，但是我收到一个错误，即在模块admin.module中找不到材料NavbarComponent和SidebarComponent。

错误图片：

有人可以给我一个提示吗？

Answer 1

我们可以看到你的angular-cli.json，index.html或Style.css？

当您为样式添加框架（如bootstrap）时，它必须将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,
]})

这对我有用。