Angular 2ディレクトリのルート変更方法は？

Question

私はAngular 2を使い始めています。私は公式のドキュメントからQuickstart proyectで作業していましたが、すべてが 'app'フォルダにどのように混在しているのか気に入らないので、ルートは、私はこれはのproyectの構造がある

コンソール（見つかりません）

http://localhost:3000/app/main.js 404でこのエラーを取得する： enter image description here

これは、私が行った変更がありますロUTES：

メイン/ main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from '../module/app.module'; 

const platform = platformBrowserDynamic(); 
platform.bootstrapModule(AppModule); 

モジュール/

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { AppComponent } from '../components/app_component/app.component'; 

@NgModule({ 
    imports:  [ BrowserModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 

export class AppModule { } 

Answer 1

ようsystemjsのようになります。メインと呼ばれるサブフォルダには存在しません。このファイルは主なアプリであり、index.htmlファイルにアプリケーションファイルを探す場所を伝える責任があります。 app/main.ts

2にmain.tsファイルを配置 - -

1メインファイルフォルダ

... 
packages: { 
    app: { 
    main: './main/main.js', // here you can set the new folder 
    ... 
    }, 
... 

Answer 2

をapp.module.ts典型的には、それらのすべてにこれらのコンポーネントをサブに幾分悪い習慣であります自分のフォルダ。すべてのコンポーネントを1つのフォルダに保存し、そのフォルダの場所をマップしたいとします。あなたの問題は、パスhttp://localhost:3000/app/main.jsが存在しないということです。その実際にはhttp://localhost:3000/app/main/main.jsあなたはどこかでこれを定義する必要があります。おそらくあなたのindex.htmlは、それがこの

<script> 
     System.import('app/main') 
     .then(null, console.error.bind(console)); 
</script> 

またはあなたのこの設定は、/ main.tsファイルに設定されており、このファイルは、右のアプリ内に配置する必要があり、この

map: { 
     app: 'app/main',