import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import {CupboardComponent} from './cupboard/cupboard.component'; import {DashboardComponent} from './dashboard/dashboard.component'; import {LoginComponent} from './login/login.component'; import {HomePageComponent} from './home-page/home-page.component'; import {FundingBasketComponent} from './funding-basket/funding-basket.component'; const routes: Routes = [ {path: '', component: HomePageComponent}, {path: 'login', component: LoginComponent}, {path: 'cupboard', component: CupboardComponent}, {path: 'dashboard', component: DashboardComponent}, {path: 'funding-basket', component: FundingBasketComponent}, ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }