Выдает автономный компонент Angular 14: отсутствует ошибка аннотации @NgModule

Я хочу перейти от SCAM к дизайну автономных компонентов angular. Я начал с создания нового компонента, но я продолжаю получать сообщение об ошибке:

class ExpansionTableComponent Появляется в NgModule.imports SMVHistoryComponentModule, но не может быть преобразован в класс NgModule.

Отсутствует аннотация @NgModule?(-996002)

Я использую следующие пакеты:

      Angular CLI: 14.2.10
Node: 14.20.0
Package Manager: npm 6.14.17 
OS: linux x64

@angular-devkit/architect          0.1402.10
@angular-devkit/build-angular      14.2.10
@angular-devkit/core               14.2.10
@angular-devkit/schematics         14.2.10
@angular/cdk                       14.2.7
@angular/cli                       14.2.10
@angular/google-maps               14.2.7
@angular/material                  14.2.7
@angular/material-moment-adapter   14.2.7
@schematics/angular                14.2.10
rxjs                               6.6.3
typescript                         4.6.4

Это моя настройка компонента:

ExpansionTableComponent:

      @Component({
  selector: 'app-expansion-table',
  templateUrl: './expansion-table.component.html',
  styleUrls: ['./expansion-table.component.scss'],
  standalone: true,
  imports: [CommonModule, MatExpansionModule, MatTableModule]
})
export class ExpansionTableComponent implements OnChanges {
  @Input() tableData: ExpansionTableData[];

  ngOnChanges(changes: SimpleChanges): void {
    console.log(this.tableData);
  }
}

И импортировал его, как было предложено в руководстве angular ([https://angular.io/guide/standalone-components](Angular Standalone Component Guide)) в компоненте SCAM:

      @Component({
  selector: 'app-smv-history',
  templateUrl: './smv-history.component.html',
  styleUrls: ['./smv-history.component.scss'],
  providers: [SMVHistoryService]
})
export class SMVHistoryComponent {}

@NgModule({
  declarations: [SMVHistoryComponent],
  exports: [SMVHistoryComponent],
  imports: [
    CommonModule,
    MatCardModule,
    MatTableModule,
    MatIconModule,
    MatButtonModule,
    MomentModule,
    MatFormFieldModule,
    MatInputModule,
    FormsModule,
    ReactiveFormsModule,
    MatDatepickerModule,
    MatPaginatorModule,
    MatDialogModule,
    ProcessResultDialogComponentModule,
    TranslateModule.forChild(),
    ExpansionTableComponent
  ]
})
export class SMVHistoryComponentModule {}

Это строит, и приложение работает, как ожидалось. Однако я получаю следующую ошибку в VSCode:Ошибка VSCode

Я не могу избавиться от этой ошибки, кто-нибудь знает, как это исправить?

0 ответов

Другие вопросы по тегам