estoy recibiendo este error

 Property binding ngForOf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". >

No se puede vincular a 'ngForOf' ya que no es una propiedad conocida de 'a'

Ya importé todos los módulos necesarios: CommonModule , BrowserModule , ReactiveFormsModule

aplicación.módulo.ts:

 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { RecipesComponent } from './components/recipes/recipes.component'; import { RecipeListComponent } from './components/recipes/recipe-list/recipe-list.component'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { CommonModule } from '@angular/common'; @NgModule({ declarations: [ AppComponent, HeaderComponent, RecipesComponent, RecipeListComponent, ], imports: [ BrowserModule, AppRoutingModule, FormsModule, ReactiveFormsModule, CommonModule, ], providers: [], bootstrap: [AppComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class AppModule { }

lista-de-receta.component.ts :

 <div class="row"> <div class="col-xs-12"> <a href="#" class="list-group-item clearfix" *ngFor="let recipe of recipes"> // error ngFor <div class="pull-left"> <h4 class="list-group-item-heading"> {{ recipe.name}} </h4> </div> <span class="pull-right"> <img [src]="recipe.imagePath" alt=" {{recipe.name}} " srcset="" class="img-responsive" style="max-height: 50px"> </span> </a> <app-recipe-item></app-recipe-item> </div> </div>

Estoy usando Angular v13.1.1 / Node v16.13.1 / VSCode v1.63.2