如何修复Angular布线中的此错误

Question

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] 

它运行得很好，但当我将private homeservice: HomeService添加到home.component.ts的构造函数时，我的应用程序开始在app.component.html中显示一个白色页面，我什么都做不了。如何解决此路由问题？

Answer 1

将路由器出口添加到您的app.component.html

<router-outlet></router-outlet> 

Answer 2

我相信您并没有在模块中添加HomeService。您可以将其添加到模块的"提供程序"部分。所以我认为它解决了你的问题

providers: [ HomeService ]