错误:模块'AppModule'声明的意外模块'DatePickerModule'.请添加@ Pipe/@ Directive/@ Component注释

wal*_*wal 6 bootstrap-datepicker angular

我想在我的应用程序中使用Angular的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 { }
Run Code Online (Sandbox Code Playgroud)

然后在我的info.component.html中使用以下代码.

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

但是当我运行项目时,我收到了这个错误: 错误:模块'AppModule'声明的意外模块'DatePickerModule'.请添加@ Pipe/@ Directive/@ Component注释.

顺便说一句,我是Angular2的新手.

小智 1

为什么你要把 DatePickerModule 放在providers中。当应用程序启动时,只有服务需要放置在角度创建服务的实例中。