title: Why my router navigate function doesn't work in angular 8?
body: <p>I'm trying to redirect to another component like this:</p>
  
  <p><strong>HomeComponent</strong></p>
  
  <pre><code>  checkUrl(reference) {   
      if (reference != this.ref) {
        this.router.navigate(['/еrror']);
      }
    }
  </code></pre>
  
  <p>here is my router module</p>
  
  <pre><code>const routes: Routes = [
    { path: '', component: DefaultComponent },
    {
      path: '',
      children: [
        { path: ':dlr/:id/:ref', component: HomeComponent },
        { path: 'error', component: ErrorPageComponent },
      ]
    },
    { path: '**', redirectTo: '', pathMatch: 'full' }
  
  ];
  </code></pre>
  
  <p>right now I'm in the <em>HomeComponent</em> and want to go to the error page.</p>
  
  <p><strong>this.router.navigate(['/еrror'])</strong> this leads me to the <em>DefaultComponent</em></p>