ファイル分割後の角度2のテンプレートを検出する方法は？

Question

私はのように、これまで第二の問題になった角度2に learn how to startプロジェクトにしようとしています： this articleを以下の後、私は.jsファイルから.TS分離：

app: 'temp' - in systemjs.config.js 
"outDir": "temp" - in tsconfig.json 

を、いつ、私の場合、もちろん私は、問題になりました.jsファイルと同じフォルダにないため、テンプレートやスタイル（appフォルダ内）のファイルを作成すると表示されません。例えば

：

@Component({ 
    selector: 'my-app', 
    templateUrl: './app.component.html', 
}) 
export class AppComponent { name = 'World'; } 

私はエラーが発生します：Unhandled Promise rejection: Failed to load app.component.html

をそして私は、モジュールIDを追加している場合：module.id私はUnhandled Promise rejection: Failed to load http://localhost:3000/temp/app.component.html

を取得し、私はそれを達成することが可能であることを見ました.replaceをmodule.idに追加すると、これは私が望むものではありません（可能であれば、moduleIdを使用しないことを望みます）。可能であれば（npm startが実行されている間にそのcopy機能を試してみましたが、それは更新をキャッチしていない）、

は、それは私にはスーパー奇妙なようだ私はどちらか（この時点で少なくとも）gruntを使用しないでしたいことだけを望むことにより、コンパイルされたファイルから.tsを分離すると、.tsファイル以外のものには大きな問題が生じます。

.html（またはスタイルの場合は.css/.scss）を使用する簡単な方法はありますか？異なるディレクトリに格納されている場合（コンパイルされた.jsと同じではない場合）

Answer 1

templateUrl: './app.component.html'

がAngular2でtemplate: require('./app.component.html')

を試みる代わりに、あなたはWebPACKのを使用する場合のjsファイルに対処する必要はありません。あなたがそれについて学ぶために速いプロジェクトを作成したい場合は、AngularCLIを試してみてください。