エラー： 'AppModule'モジュールによって宣言された予期しないモジュール 'DatePickerModule'。 @ Pipe/@ Directive/@ Component注釈を追加してください

Question

DatePickerModuleを私のアプリケーションに使用します。したがって、次のようにパッケージをインストールしました。npm install ng2-datepicker-bootstrap --save

インストールに成功しました。以下に示すようにだから今、私は私のAppModuleにDatePickerModuleモジュールをインポート：

import { DatePickerModule } from 'ng2-datepicker-bootstrap'; 

@NgModule({ 

    declarations: [ 
    other Components......, 
    DatePickerModule 
    ], 
    imports: [ 
    ........ 
    ], 
    providers: [Service, DatePickerModule], 
    bootstrap: [AppComponent] 
}) 

export class AppModule { } 

その後、私のinfo.component.htmlに以下のコードを使用します。

<datepicker [(ngModel)]="model.firstDate" [viewFormat]="'DD/MM/YYYY'" [modelFormat]="'YYYY-MM-DD'" [id]="'firstDate'" [label]="'To'"></datepicker> 

しかし、私は、私はこのエラーましプロジェクトを実行します。 エラー：予期しないモジュール「をDatePickerModule」モジュール「AppModule」で宣言しました。 @ Pipe/@ Directive/@ Component注釈を追加してください。

途中でAngular2の新機能です。

Answer 1

なぜあなたはDatePickerModuleをプロバイダに入れていますか？アプリケーションがブートストラップされたときに、サービスのインスタンスを作成するだけで、サービスをそこに配置する必要があります。

Answer 2

module.tsファイルのimport文で欠落している参照を確認してください。 あなたのコンポーネントを持っている場合：module.tsで

import { DatePickerModule,SomeOtherModule } from 'somewhere'; 

はあなただけ

import { DatePickerModule } from 'somewhere';

かを持っている場合は、同じインポート

import { DatePickerModule,SomeOtherModule } from 'somewhere';

を持っている必要がありますファイルインポートステートメントがありません このエラーがスローされますあなたは "SomeOtherModule"をimportステートメントに追加しませんでした。