title: Angluar2 routing in chrome extension
body: <p>I am creating chrome extension using angular2. The app is compiled using webpack. The problem is that when I added routing in my app, suddenly my html, can't find files in directories that exist with wanted files... </p>
  
  <p>This is my source map that chrome shows:</p>
  
  <p><a href="https://i.stack.imgur.com/mjevD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mjevD.png" alt="enter image description here"></a></p>
  
  <p>this is my html:</p>
  
  <pre><code>&lt;div class="app-main-component"&gt;
      &lt;img src="../images/logo-cw-white.png"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my dev source map (app is running using dist folder, that is made when compiled with webpack):</p>
  
  <p><a href="https://i.stack.imgur.com/mifyr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mifyr.png" alt="enter image description here"></a></p>
  
  <p>My routing file:</p>
  
  <pre><code>import { NgModule }             from '@angular/core';
  import { RouterModule, Routes } from '@angular/router';
  
  import { HelloAgainComponent } from './app/hello-again.component';
  import { AppComponent} from './app/app.component'
  import { AppMainComponent} from './app/app-main.component'
  
  const routes: Routes = [  
    { 
      path: '**', 
      component: AppMainComponent,
      children: [
        { 
          path: 'again', 
          component: HelloAgainComponent 
        },
      ]
     }
  ];
  
  @NgModule({
    imports: [ RouterModule.forRoot(routes) ],
    exports: [ RouterModule ]
  })
  export class AppRoutingModule {}
  </code></pre>
  
  <p>before I created routing file the image was found by html, but know it does not find it....</p>
  
  <p>Error:<br>
  <em>Failed to load resource: net::ERR_FILE_NOT_FOUND : chrome-extension://xyxyx/src/dist/images/logo-cw-white.png</em></p>
  
  <p>As I understand my routing directories are incorrect... Can someone please help me fix this??</p>