ошибка реализации ng2-boostrap datePicker

Я реализую ng2-bootstrap datePicker в моем приложении angular 2, но столкнулся с некоторым типом ошибки модулей, и я не понимаю, в чем проблема.Пожалуйста, помогите мне.

модуль.ts

import { DatepickerModule } from 'ng2-bootstrap/datepicker';

 @NgModule({
  imports: [
  ...........  
  DatepickerModule
  ...........
  ],
  declarations: [
    .....
    .....
  ]
})
export default class Modules {
}

HTML-файл

<div>
    <datepicker></datepicker>
</div>

ошибка

'datepicker' is not a known element:
1. If 'datepicker' is an Angular component, then verify that it is part of this module.
2. If 'datepicker' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message. ("<div class="form-group"><div>
                          [ERROR ->]<datepicker></datepicker>
                          <!--<datepicker [expanded]="true" class="danger"-"): AddCustomer@49:26
Can't bind to 'expanded' since it isn't a known property of 'datepicker'. ("                              <div>
                                                    <datepicker [ERROR ->][expanded]="true" class="danger"
                                                                form"): AddCustomer@212:64
'datepicker' is not a known element:

1 ответ

  1. вы включили в свое приложение.модуль.TS The lib of Boostrap? вроде этого:

    // ... other imports
    import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
    // ... other imports
    
    
    @NgModule({
        imports: [
            BrowserModule,
            routing,
            HttpModule,
            JsonpModule,
            ToasterModule,
            CoolHttpModule,
            SlimLoadingBarModule.forRoot(),
            NgbModule.forRoot() //need to be import also here
        ]