app-routing.module.ts

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

import { MainPageComponent } from './main-page/main-page.component';
import { AboutComponent } from './about/about.component';
import { GraphsPageComponent } from './graphs-page/graphs-page.component';
import { MapsPageComponent } from './maps-page/maps-page.component';

const routes: Routes = [
  { path: '', component: MainPageComponent },
  { path: 'sobre', component: AboutComponent },
  { path: 'graficos', component: GraphsPageComponent },
  { path: 'mapas', component: MapsPageComponent }
];

@NgModule({
  exports: [RouterModule],
  imports: [RouterModule.forRoot(routes)]
})

export class AppRoutingModule { }