角材料sidenav

Question

我正在关注material.angular.io文档。 在构建侧导航栏时，我收到以下错误“'mat-nav-list' is not a known element:”

我已导入以下内容

import { MatSidenavModule } from '@angular/material/sidenav';  

我通过导入API尝试了其他组件，除了sidenav之外，所有工作都很好

我真的无法弄清楚出了什么问题。任何建议都会很棒。提前致谢。

Answer 1

我很确定你也没有在应用程序的模块中从MatListModule导入@angular/material/list（或创建一个专用于Material组件的模块）：

material.module.ts：

import { NgModule } from '@angular/core';
import { MatSidenavModule } from '@angular/material/sidenav';
import { MatListModule } from '@angular/material/list';

@NgModule({
  exports: [
    MatSidenavModule,
    MatListModule
  ],
  imports: [
    MatSidenavModule,
    MatListModule
  ]
})
export class MaterialModule { }

app.module.ts：

import { NgModule } from '@angular/core';
import { MaterialModule } from './material.module';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MaterialModule
  ]
})
export class AppModule { }

Answer 2

导入它是不够的，您还需要将其添加到定义组件的同一模块中。

@NgModule({
  declarations: [
    MyComponent
  ],
  imports: [
    CommonModule,
    MatSidenavModule
  ]
})
export class MyModule { }