Я не могу решить эту проблему. Я импортировал matdrawer только в модуле приложения, но он показывает мне ошибку, которую я импортировал в другом месте

Question

Я хочу добавить этот angular проект в firebase, но когда я даю команду ng build --prod, я получаю ошибки такого типа. И когда я даю команду ng serve, проект работает хорошо и хорошо

Это ошибка, которую я получаю во время производства

Это первая ошибка я получил во время производства Это мой модуль приложения:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { DummyComponent } from './dummy/dummy.component';
import { LoginComponent } from './login/login/login.component';
import { DefaultComponent } from './layouts/default/default/default.component';
import { RouterModule } from '@angular/router';
import { SharedModule } from './shared/shared.module'
import {MatInputModule, MatFormFieldModule, MatTableModule, MatIconModule, MatDrawerContent, MatDrawerContainer, MatDividerModule, MatDrawer,} from '@angular/material';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ChartsModule } from 'ng2-charts';
import { DashboardComponent } from './dashboard/dashboard/dashboard.component';
import { EmployeerootComponent } from './admin/employee/employeeroot/employeeroot.component';
import { InvestmentActualComponent } from './admin/investment-actual/investment-actual.component';
import { InvestmentPlannedComponent } from './admin/investment-planned/investment-planned.component';
import { TaxRateComponent } from './admin/tax-rate/tax-rate.component';
import { SalaryStatusRootComponent } from './admin/salary-status/salary-status-root/salary-status-root.component';
import { LeaverootComponent } from './admin/leave-management/leaveroot/leaveroot.component';
import { CreateEmployeeComponent } from './admin/employee/create-employee/create-employee.component';
import { UploadExcelComponent } from './admin/employee/upload-excel/upload-excel.component';
import { UpdateEmployeeComponent } from './admin/employee/update-employee/update-employee.component';
import { ApprovedSalaryComponent } from './admin/salary-status/approved-salary/approved-salary.component';
import { RejectedSalaryComponent } from './admin/salary-status/rejected-salary/rejected-salary.component';
import { CreateLeaveComponent } from './admin/leave-management/create-leave/create-leave.component';
import { LeaveDetailsComponent } from './admin/leave-management/leave-details/leave-details.component';
import { SalaryRootComponent } from './admin/salary/salary-root/salary-root.component';
import { CreateSalaryComponent } from './admin/salary/create-salary/create-salary.component';
import { UpdateSalaryComponent } from './admin/salary/update-salary/update-salary.component';
import { ApplyLeaveComponent } from './user/apply-leave/apply-leave.component';
import { ApproveRejectLeaveComponent } from './user/approve-reject-leave/approve-reject-leave.component';
import { ApproveRejectsalaryComponent } from './user/approve-rejectsalary/approve-rejectsalary.component';
import { InvestmentactualComponent } from './user/investmentactual/investmentactual.component';
import { UserleaveRootComponent } from './user/leave-status/userleave-root/userleave-root.component';
import { InvestplannedComponent } from './user/investplanned/investplanned.component';
import { AppLeaveComponent } from './user/leave-status/app-leave/app-leave.component';
import { RejLeaveComponent } from './user/leave-status/rej-leave/rej-leave.component';
import { UserdashboardComponent } from './user/userdashboard/userdashboard/userdashboard.component';
import { UserDetailsComponent } from './activities/user-details/user-details.component';
import { ContactUSComponent } from './activities/contact-us/contact-us.component';
import { ChangePasswordComponent } from './activities/change-password/change-password.component';


@NgModule({
  declarations: [
    AppComponent,
    MatDrawer,
    DummyComponent,
    LoginComponent,
    DefaultComponent,
    DashboardComponent,
    EmployeerootComponent,
    InvestmentActualComponent,
    InvestmentPlannedComponent,
    TaxRateComponent,
    SalaryStatusRootComponent,
    LeaverootComponent,
    CreateEmployeeComponent,
    UploadExcelComponent,
    UpdateEmployeeComponent,
    ApprovedSalaryComponent,
    RejectedSalaryComponent,
    CreateLeaveComponent,
    SalaryRootComponent,
    LeaveDetailsComponent,
    CreateSalaryComponent,
    UpdateSalaryComponent,
    ApplyLeaveComponent,
    ApproveRejectLeaveComponent,
    ApproveRejectsalaryComponent,
    InvestmentactualComponent,
    UserleaveRootComponent,
    AppLeaveComponent,
    RejLeaveComponent,
    MatDrawerContent,
    InvestplannedComponent,
    UserdashboardComponent,
    UserDetailsComponent,
    ChangePasswordComponent,
    MatDrawerContainer,
    ContactUSComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    RouterModule,
    SharedModule,
    MatTableModule,
    MatFormFieldModule,
    MatInputModule,
    MatDividerModule,
    MatIconModule,
    FormsModule,
    ReactiveFormsModule,
    SharedModule,
    ChartsModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

И это мой пакет. json

{
  "name": "payroll",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~8.2.14",
    "@angular/cdk": "~8.2.3",
    "@angular/common": "~8.2.14",
    "@angular/compiler": "~8.2.14",
    "@angular/core": "~8.2.14",
    "@angular/flex-layout": "^8.0.0-beta.27",
    "@angular/forms": "~8.2.14",
    "@angular/material": "^8.2.3",
    "@angular/platform-browser": "~8.2.14",
    "@angular/platform-browser-dynamic": "~8.2.14",
    "@angular/router": "~8.2.14",
    "@fortawesome/angular-fontawesome": "^0.6.1",
    "bootstrap": "^4.4.1",
    "chart.js": "^2.9.3",
    "chartjs-plugin-datalabels": "^0.7.0",
    "hammerjs": "^2.0.8",
    "jquery": "^3.5.0",
    "ng2-charts": "^2.3.0",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.25",
    "@angular/cli": "~8.3.25",
    "@angular/compiler-cli": "~8.2.14",
    "@angular/language-service": "~8.2.14",
    "@types/node": "~8.9.4",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^5.0.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "~3.5.3"
  }
}