Если 'mat-option' - это компонент Angular, убедитесь, что

Question

Модуль, в котором размещен компонент:

@NgModule({
    declarations: [DashboardComponent, DocumentFormComponent],
    imports: [CommonModule, MaterialModule, DashboardRoutingModule],
})
export class DashboardModule {}

MaterialModule:

@NgModule({
    imports: [
        MatCheckboxModule,
        MatCheckboxModule,
        DragDropModule,
        MatButtonModule,
        MatInputModule,
        MatAutocompleteModule,
        MatDatepickerModule,
        MatNativeDateModule,
        MatFormFieldModule,
        MatRadioModule,
        MatSelectModule,
        MatSliderModule,
        MatSlideToggleModule,
        MatMenuModule,
        MatSidenavModule,
        MatToolbarModule,
        MatListModule,
        MatGridListModule,
        MatCardModule,
        MatStepperModule,
        MatTabsModule,
        MatExpansionModule,
        MatButtonToggleModule,
        MatChipsModule,
        MatIconModule,
        MatProgressSpinnerModule,
        MatProgressBarModule,
        MatDialogModule,
        MatTooltipModule,
        MatSnackBarModule,
        MatTableModule,
        MatSortModule,
        MatPaginatorModule,
    ],
    exports: [
        MatCheckboxModule,
        MatCheckboxModule,
        MatButtonModule,
        MatInputModule,
        MatAutocompleteModule,
        MatDatepickerModule,
        MatNativeDateModule,
        MatFormFieldModule,
        MatRadioModule,
        MatSelectModule,
        MatSliderModule,
        MatSlideToggleModule,
        MatMenuModule,
        MatSidenavModule,
        MatToolbarModule,
        MatListModule,
        MatGridListModule,
        MatCardModule,
        MatStepperModule,
        MatTabsModule,
        MatExpansionModule,
        MatButtonToggleModule,
        MatChipsModule,
        MatIconModule,
        MatProgressSpinnerModule,
        MatProgressBarModule,
        MatDialogModule,
        MatTooltipModule,
        MatSnackBarModule,
        MatTableModule,
        MatSortModule,
        MatPaginatorModule,
        DragDropModule,
    ],
})
export class MaterialModule {}

DashboardComponent:

 <div class="document-block__fields__field">
        <mat-form-field appearance="outline">
        <mat-label>{{fieldDefinition.title}}</mat-label>
        <input matInput type="text" placeholder={{fieldDefinition.title}} autocomplete="off"
            [(ngModel)]="fieldDefinition.fieldvalue">
    </mat-form-field>
  </div>

Как исправить это, если в модуле есть модуль материала, также есть экспорт модуля материала.

Как видите, я использую элементы материала в компоненте.

Итак, я получаю эту ошибку:

1. Если 'mat-option' является компонентом Angular, то убедитесь, что он является частью этого модуля. 2. Если «mat-option» является веб-компонентом, добавьте «CUSTOM_ELEMENTS_SCHEMA» к «@ NgModule.schemas» этого компонента, чтобы подавить это сообщение

Answer 1

Добавить в схему CUSTOM_ELEMENTS_SCHEMA.

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
    
    @NgModule({
        declarations: [DashboardComponent, DocumentFormComponent],
        imports: [CommonModule, MaterialModule, DashboardRoutingModule],
        schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
    })
    export class DashboardModule {}