templateUrl does not work for me

Question

I use the seed structure as per angular.io get started project. Everything OK so far.

Now I wanted to change the top component to have a view from a separated file a

Answer 1

The issue here seems absolute path. The compnent is requiring absolute path to be mentioned. This is my file structure,

The following is not working,

@Component({
    selector: 'pm-products',
    templateUrl: 'product-list.component.html',
    styleUrls: ['product-list.component.css']
})

As of my knowledge, The HTML template Url or the Url for the style-sheet needs to be given in absolute path. I tried the following and working.

@Component({
    selector: 'pm-products',
    //template: `
PRODUCT LISTINGS 
`
    templateUrl:'app/products/product-list.component.html'
})