角型テンプレートは機能しますが、templateUrlはありません

Question

角型に掘ると、my-appコンポーネントはtemplateUrlが嫌いです。テンプレートを使用すると、すべて正常に動作します。 予想される出力と何のテンプレートを使用しているとき、私は得る：

こんにちは ルックアップ経営管理論のApp

templateUrlを使用したとき、私は何を得る： こんにちは

app.tsをこの作品：

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'my-app', 
    template: '<h1>hi there</h1><app-title> </app-title>' 
}) 
export class AppComponent {} 

title.tsはtemplateUrlと連携します：

import { Component, Input } from '@angular/core'; 

@Component({ 
    selector: 'app-title', 
    templateUrl:'Templates/Views/Lookups/title.html' 
}) 
export class AppTitle { 
    title="LookUp Managment App"; 
} 

hit.htmlは次のとおりです。

<h1>hi there</h1> 
<app-title></app-title> 

title.htmlはありません：

<h4>{{title}}</h4> 

私はこれに私のアプリを交換するとき、それはもはや私はタイトル

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'my-app', 
    templateUrl: `Templates/Views/Lookups/hi.html` 
}) 
export class AppComponent {} 

を行いますtemplateUrlがapp-titleコンポーネントでは動作しているが、my-appコンポーネントでは動作していないのはなぜか分かりません。ご協力いただきありがとうございます。

詳細： 私が追加しました：

meta: { 
        './Scripts/*.js': { 
         loader: 'systemjs-angular-loader.js' 
        } 
       } 

としては、それがhi.htmlファイルをロードする提案が、それはタグで何もしません。テンプレートに入っているときにタグに反応します。

Answer 1

いつもうまくいっていました。 TypeScriptは何にコンパイルされますか？ブラウザはjavascriptで何をしますか？キャッシュは後部に苦痛を与えることがあります。