title: Angular cannot find templateUrl
body: <p>I am trying to load Html files using the following code in angular js 2.
  This file is available under products folder and the html file that i am trying to load is also in the same folder. Still it is not working.</p>
  
  <pre><code>import {Component} from 'angular2/core';
  
  @Component({
      templateUrl:'./products/app.component.pen.html'
  })
  
  export class PenComponent
  {
  
  }
  </code></pre>
  
  <p>The above file is getting loaded from the below AppComponent.</p>
  
  <pre><code>import {Component} from 'angular2/core';
  import {RouteConfig, ROUTER_DIRECTIVES} from "angular2/router";
  import {PenComponent} from "./products/app.component.pen";
  import {BookComponent} from "./products/app.component.book";  
  
  @Component({
      selector: 'my-app',
      template: `
              &lt;header&gt;
                  &lt;ul&gt;
                  &lt;li&gt;
                  &lt;a [routerLink]="['Pen']"&gt;Pen&lt;/a&gt;&lt;/li&gt;
  
                  &lt;li&gt;
                  &lt;a [routerLink]="['Book']"&gt;Book&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
  
              &lt;/header&gt;
          &lt;router-outlet&gt;&lt;/router-outlet&gt;
      `,
      directives: [ROUTER_DIRECTIVES]
  
  })
  
  @RouteConfig([
      {path: '/pen', name: 'Pen', component: PenComponent, useAsDefault:true}
      {path: '/book', name: 'Book', component: BookComponent}
  
  
  ])
  
  
  export class AppComponent {
  
  }
  </code></pre>