title: router.navigateByUrl() causes navigation to root and reload, angular 2.4.7
body: <h2>navigateByUrl causes navigation to root and reload</h2>
  
  <p>When I use router.navigate() or navigateByUrl(), I get a reload - a 
  call to the root. The Chrome Dev tools console shows
  <code>
  Navigated to http://localhost/
  </code></p>
  
  <p>Navigation via links with 
  <code>&lt;a [routerLink]=</code>
  works correctly.</p>
  
  <h1>app</h1>
  
  <ul>
  <li>was generated using angular-cli. Components were generated then modified.</li>
  <li>has 3 components test1, test11 (a child of test1) and test2</li>
  <li>navigating between test11 and test2 works fine via anchor tag links with 
  [routerLink] (declarative)</li>
  <li>navigating from test2 to test11 by using (click) event 
  and programmatic (imperative) navigation call 
  <code>
  this.router.navigateByUrl('/test1/test11');
  </code></li>
  </ul>
  
  <h1>environment</h1>
  
  <p><code>
     angular-cli: 1.0.0-beta.28.3
     node: 7.5.0
     os: win32 x64
     @angular/common: 2.4.7
     @angular/compiler: 2.4.7
     @angular/core: 2.4.7
     @angular/forms: 2.4.7
     @angular/http: 2.4.7
     @angular/platform-browser: 2.4.7
     @angular/platform-browser-dynamic: 2.4.7
     @angular/router: 3.4.7
     @angular/compiler-cli: 2.4.7
  </code></p>
  
  <h1>code</h1>
  
  <p>Is published to GitHub, <a href="https://github.com/michaelkariv/angular_router_demo" rel="nofollow noreferrer">published to GitHub</a>
  <code>
  https://github.com/michaelkariv/angular_router_demo
  </code></p>
  
  <h1>served by ng serve using production environment</h1>
  
  <p><code>
  serve --host localhost --port 80 --live-reload false  -prod
  </code></p>
  
  <h1>What am I doing wrong?</h1>