Как решить проблему 'mat-toolbar' is not a known element?

Question

[Юлия]

У меня есть shared модуль, в котором я импортирую MatToolbarModule и MatIconModule. И в этом же модуле есть компонент, в котором я использую теги из angular matirials. Но, когда я запускаю приложение, я получаю ошибкуи 'mat-toolbar' is not a known element, 'mat-icon' is not a known element. Что я делаю не так или чего мне не хватает?
Shared module:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AuthLayoutComponent } from './layouts/auth-layout/auth-layout.component';
import { HeaderComponent } from './layouts/header/header.component';
import { SiteLayoutComponent } from './layouts/site-layout/site-layout.component';
import { MatToolbarModule } from "@angular/material/toolbar";
import { MatIconModule } from "@angular/material/icon";
import { MatButtonModule } from "@angular/material/button";

@NgModule({
  declarations: [
    AuthLayoutComponent,
    HeaderComponent,
    SiteLayoutComponent
  ],
  imports: [
    CommonModule,
    MatToolbarModule,
    MatIconModule,
    MatButtonModule,
  ]
})
export class SharedModule { }

Компонент (AuthLayoutComponent), в котором я использую mat-toolbar и mat-icon:

<mat-toolbar class="w-100">
  <h2>***</h2>

  <button mat-icon-button class="right">
    <mat-icon>shopping_cart</mat-icon>
  </button>

  <button mat-icon-button class="right">
    <mat-icon>account_circle</mat-icon>
  </button>
</mat-toolbar>