Ionic 5(Angular9)-Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'profile'

import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  {
    path: 'home',
    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
  },
  {
    path: 'profile/',
    loadChildren: () => import('./profile/profile.module').then( m => m.ProfilePageModule)
  },
];
@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule { }

app.component.ts

export class AppComponent {
  navigate : any;                       //new added for toggle menu

        this.sideMenu();          //new added for toggle menu
    this.initializeApp();
  }
}
sideMenu() {                    //new added for toggle menu
  this.navigate =   
  [  
  { 
  title : 'Home',
  url   : './home',
  icon  : 'home-outline' ,
  //icons : 'home-outline',
  },
  { 
    title : 'Profile',
    url   : './profile',
    icon  : 'person-circle-outline' ,
    },
];