mat-sidenav-content 正在抛出 MatSidenavContainer 的没有提供者

Question

app.component.html

<mat-side-nav-container>

    <mat-sidenav #sidenav>
        <mat-nav-list>
            <a mat-list-item [routerLink]="'/accounts'"> Accounts </a>
            <a mat-list-item [routerLink]="'/create-account'"> Create Account </a>
            <a mat-list-item [routerLink]="'/contacts'"> Contacts </a>
            <a mat-list-item [routerLink]="'/create-contact'"> Create Contact </a>
            <a mat-list-item [routerLink]="'/activities'"> Activities </a>
            <a mat-list-item [routerLink]="'/create-activity'"> Create Activity </a>
            <a mat-list-item (click)="sidenav.toggle()" href="" mat-list-item>Close</a>
        </mat-nav-list>
    </mat-sidenav>
    <mat-sidenav-content></mat-sidenav-content>
</mat-side-nav-container>

app.moule.ts

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,    
    MatToolbarModule,
    MatSidenavModule,
    MatListModule,
    MatButtonModule,
    MatIconModule,
    HttpClientModule,
    AppRoutingModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule { }

MatSidenavModulemodule 已导入，但仍出现以下错误

NullInjectorError: StaticInjectorError(AppModule)[MatSidenavContent -> MatSidenavContainer]：StaticInjectorError（平台： 核心）[MatSidenavContent -> MatSidenavContainer]： NullInjectorError：没有 MatSidenavContainer 的提供者！

Answer 1

你写错了标签：

mat-sidenav-container

你有：

垫边导航容器

将 mat-side-nav-container 替换为 mat-sidenav-container。