angular2ネストされたコンポーネントtemplateUrlが見つかりません

Question

ネストされたコンポーネントを使用したいと思います。 この上級チュートリアルのショーは、どのように私はそれを行うことができます：

https://www.themarketingtechnologist.co/building-nested-components-in-angular-2/ 

は私の問題は、ネストされたコンポーネントのための私のテンプレートが見つからないということ、である： 私は

template: '<h2>HALLO</h2>' 

を試してきたが、私は希望出力は、単に

ということ、である

template: 'file.component.html' 

：このようなtask.component.htmlます。externファイルを使用します私がしようとすると、

task.component.html

は を表示してされます：

templateUrl: 'file.component.html' 

私はエラーを取得：ここ

Uncaught (in promise): Failed to load task.component.html

は私のコードです：

ChildComponent：

@Component({ 

    selector: 'edit-task', 
    templateUrl: 'file.component.html' 

}) 
export class FileFormat{} 

parentComponentに：

@Component({ 
    moduleId: module.id, 
    selector: 'my-app', 
    templateUrl: 'app.template.html', 
    directives: [FileFormat] 
}) 
export class FileFormat{} 

Answer 1

てみ

@Component({ 
    moduleId: module.id 
    selector: 'edit-task', 
    templateUrl: 'file.component.html' 

}) 
export class FileFormat{} 

が実際に問題を適切にパスを取得していない角度で、このコード、それは相対パスを使用使用するmoduleID

かのどちらかにフルパスを与えますtelplateUrlをルートから