如何修復 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。 您可以將其添加到模塊的 Provider 部分。 所以我認為它解決了你的問題

providers: [ HomeService ]