アンギュラ2 CLI「コンポーネントを生成NG」コマンドがapp.module

Question

私は、このコマンドを使用してAngular2のCLIツールを使用して新しいコンポーネントを生成しようとしているが見つかりません参照はapp.module.tsファイルに追加されません。

アプリケーションモジュールが見つかりません。新しいクラスをコンポーネントに追加してください。私はこの問題を解決するための解決策を見つけることを試みていた

ので、私は常に新しいコンポーネントをインポートし、手動での宣言に追加する必要がいけないが、私は、オンラインでこの問題については何も見つけることができませんでした。

私はそれが私のアンギュラcli.jsonファイルとは何かを持っているかもしれないと思うが、大丈夫のようです：

任意のアイデア？

更新日： これは私のプロジェクトフォルダ構造、simplyfiedです。 app.module.tsにコード

次されています：私は関連していないフォルダを削除

import { NgModule }   from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { HttpModule }  from '@angular/http'; 
import { AppComponent }  from './app.component'; 
import { SearchComponent } from './search/search.component'; 

@ 
NgModule({ 
    declarations: [ 
     AppComponent, 
     SearchComponent 
    ], 
    imports: [ 
     BrowserModule, 
     HttpModule 
    ], 
    providers: [ 
    ], 
    bootstrap: [ 
     AppComponent 
    ] 
}) 
export class AppModule { } 

Answer 1

問題角度-CLIはアプリモジュールは、ということでした見つけることができなかった理由"@"記号と "NgModule"名は同じ行にありません。これにより、コードが実行に失敗することはありませんが、それは検出モジュールのCLIフォームを防ぐ：

@ 
NgModule({ 

あなたが同じ行に両方を書いた場合、CLIが正常にモジュールを見つけることができます：

@NgModule({ 

Answer 2

問題ありません。しかし、あなたのインストールされたコンポーネントは追加されません。コンポーネント名をapp.module.tsに追加してください。
例

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 

import { AppComponent } from './app.component'; 
import { HeaderComponent } from './header/header.component';<!-- My Installed Component --> 
import { FooterComponent } from './footer/footer.component';<!-- My Installed Component --> 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    HeaderComponent,<!-- My Installed Component --> 
    FooterComponent<!-- My Installed Component --> 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }