1
resposta

Invalid configuration of route

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ListPhotosComponent } from './photos/list-photos/list-photos.component';
import { PhotoFormComponent } from './photos/photo-form/photo-form.component';

const routes: Routes = [
  {path: '/photo', component: PhotoFormComponent},
  {path: '/photos', component: ListPhotosComponent}
];

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

Error: Invalid configuration of route '/photo': path cannot start with a slash at validateNode (router.js:2341) at validateConfig (router.js:2290) at Router.resetConfig (router.js:4291) at new Router (router.js:3878) at Object.setupRouter [as useFactory] (router.js:5756) at Object.factory (core.js:11442) at R3Injector.hydrate (core.js:11353) at R3Injector.get (core.js:11174) at injectInjectorOnly (core.js:4715) at Module.ɵɵinject (core.js:4719)

Está dando esse erro no console.

1 resposta

Fala ai Mayara, tudo bem? O valor de path das rotas não pode começar com /, remova elas que deve resolver o problema:

const routes: Routes = [
  {path: 'photo', component: PhotoFormComponent},
  {path: 'photos', component: ListPhotosComponent}
];

Espero ter ajudado.