Estou recebendo este erro da diretiva router-outlet. Alguém pode me ajudar a entender o porquê, pois não tenho ideia. Todas as importações foram adicionadas ao arquivo app.module.ts, mas ainda está dizendo para verificar se router-outlet é um componente do Angular. Estou usando o Angular 19 e este erro está ocorrendo apenas nas versões mais recentes, pois o mesmo código está sendo executado nas versões anteriores.
**app.component.html**
<router-outlet></router-outlet>
**app.component.ts**
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
standalone:false,
templateUrl: './app.component.html',
styleUrl: './app.component.css'
})
export class AppComponent {
title = 'angular_19';
}
**app.module.ts**
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from "@angular/core";
import { AppComponent } from "./app.component";
import { BrowserModule } from "@angular/platform-browser";
import { AppRoutingModule } from "./app.routes";
import { DashboardComponent } from "./dashboard/dashboard.component";
@NgModule({
declarations:[
AppComponent,
DashboardComponent],
imports:[
BrowserModule,
AppRoutingModule,
RouterModule
],
providers:[],
bootstrap:[AppComponent],
schemas:[CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule{}
**app.router.ts**
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { DashboardComponent } from './dashboard/dashboard.component';
const routes: Routes = [
{
path: '',
redirectTo: '/dashboard',
pathMatch: 'full',
component: DashboardComponent
},
{
path: 'dashboard',
component: DashboardComponent
}
];
@NgModule({
imports:[RouterModule.forRoot(routes)],
exports:[RouterModule]
})
export class AppRoutingModule{
}
**main.ts**
import { AppComponent } from './app/app.component';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
platformBrowserDynamic().bootstrapModule(AppComponent)
.catch(err=>console.error(err))
Certifique-se de que o seu
main.ts
se parece com isso. Vejo que você forneceu issoAppComponent
em vez disso,AppModule
talvez seja esse o problema.Se usarmos esse método, a
modular
inicialização ocorrerá conforme o esperado.