import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import {HomeComponent} from "./home/home.component"; import {SettingsComponent} from "./settings/settings.component"; const routes: Routes = [ {path: 'home', component: HomeComponent}, {path: 'settings', component: SettingsComponent}, {path: '', redirectTo: 'home', pathMatch: 'full' }, ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { } export const routingComponents = [HomeComponent, SettingsComponent] Funciona muy bien, pero cuando agrego private homeservice: HomeService al constructor de mi home.component.ts , mi aplicación comienza a mostrarme una página en blanco en app.component.html y no puedo hacer nada. ¿Cómo puedo solucionar este problema de enrutamiento?
Agregue la salida del enrutador a su app.component.html
<router-outlet></router-outlet>Creo que no agregó HomeService en el módulo. Puede agregarlo en la sección Proveedor del módulo. Entonces creo que soluciona tu problema.
providers: [ HomeService ]