Having a bit of trouble:
core.es5.js:1020 ERROR Error: Uncaught (in promise):
Error: Unable to match routes. URL Segment: 'home'
This is the code snippet from view.html:
<div class="container">
This serves as the main app;
<a routerLink="second">Click to visit second</a>
<a routerLink="third">Click to visit third</a>
<a routerLink="app">Go back Home</a>
<router-outlet></router-outlet>
</div>
I've defined an array of objects that include paths for home and other components. The path to home seems accurate, so it's puzzling why I keep encountering this error when trying to access it.
const appRoutes: Routes=[
{path:'second', component:SecondComponent},
{path:'third', component:ThirdComponent},
{path:'', redirectTo:'./app', pathMatch:'full'},
]
Interestingly, clicking on the URLs for second and third components works smoothly without any hiccups.
NOTE: Would love some help in ensuring that second and third components are hidden upon clicking on the home component.