title: Navigation Error in Angular path
body: <p>I, have the below route </p>
  
  <pre><code>{
          path: '', component: FrontEndMainComponent,
          children: [
              { path: '', redirectTo: 'home', pathMatch: 'full' },
              { path: 'home', component: FrontEndHomeComponent },
              { path: 'login', component: CustomerAuthComponent }
          ]
      },
  </code></pre>
  
  <p>When I, tried to navigate to login or home from login it gives me an error as shown below.</p>
  
  <p><a href="https://i.stack.imgur.com/2NbdL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2NbdL.png" alt="erro description"></a></p>
  
  <p><a href="https://i.stack.imgur.com/VnzhJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VnzhJ.png" alt="error details"></a></p>
  
  <p>Here is the html code for navigation</p>
  
  <pre><code>&lt;mat-toolbar color="primary" class="example-toolbar"&gt;
              &lt;a  [routerLink]="['home']"&gt;&lt;img src="../../assets/logo.png"/&gt;&lt;/a&gt;
              &lt;div&gt;
                    &lt;a mat-raised-button color="primary" [routerLink]="['login']"&gt;Login&lt;/a&gt;&amp;nbsp;&amp;nbsp;
                    &lt;a mat-raised-button color="primary" [routerLink]="['signup']"&gt;Sign up&lt;/a&gt;
  
              &lt;/div&gt;
  
        &lt;/mat-toolbar&gt;
  </code></pre>
  
  <p>some of the link I checked 
  <a href="https://www.concretepage.com/angular-2/angular-2-4-child-routes-and-relative-navigation-example" rel="nofollow noreferrer">https://www.concretepage.com/angular-2/angular-2-4-child-routes-and-relative-navigation-example</a></p>
  
  <p><a href="https://stackoverflow.com/questions/37196882/how-do-i-navigate-to-a-parent-route-from-a-child-route">How do I navigate to a parent route from a child route?</a></p>