'app-main-nav' is not a known element:

[tranquil tulip]

Hello,

i'm new and i'm trying to follow a guide to setup my first angular project,

i've created a new project with angular 17.0 cli , added materials with ng add @angular/material ,

generated a main nav withng generate @angular/material:material-nav --name=main-nav

but when i put <app-main-nav></app-main-nav> in app.component.html it says that app main nav is not a known element,

can you pls help me ? ^^ thanks

[vapid sierra]

Hi you need to import MainNavComponent definition in AppComponent ts file:

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [MainNavComponent]
})
export class AppComponent {}