web-dev-qa-db-fra.com

'Impossible' de lire la propriété d'undefined

La sortie souhaitée est le BsDatePicker et, pour une raison quelconque, me donne l'erreur: Impossible de lire la propriété 'schedule' of undefined .
et que l'avertissement BsDatepickerModule est en cours de développement, Les changements sont possibles, S'IL VOUS PLAÎT, lisez changelog

CLI angulaire version 1.7.4, ngx-bootstrap version 3.0.0, Angular 5

Ceci est le code du code HTML:
<input type="text" [(ngModel)]="dateOfBirth" name="dateOfBirth" id="dateOfBirth" bsDatepicker class="form-control"/>

Ceci est le code de l'application.module.ts: 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
import { CreateEmployeeComponent } from './employee/create-employee/create-employee.component';


@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    CreateEmployeeComponent,
    PageNotFoundComponent 
  ],
  imports: [
    BrowserModule,
    FormsModule,
    BsDatepickerModule.forRoot(),
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }



Ceci est mon application-routing.module.ts 

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
import { CreateEmployeeComponent } from './employee/create-employee/create-employee.component';

const routes: Routes = [
   { path : 'home' , component : HomeComponent},
   { path : 'createEmployee', component : CreateEmployeeComponent},
   { path : '', redirectTo: '/home', pathMatch : 'full'},
   { path : '**', component: PageNotFoundComponent}
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }



Et voici mon .angular-cli.json

..."testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
        "styles.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.slim.min.js",
        "../node_modules/popper.js/dist/umd/popper.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
      ],
      "environmentSource": "environments/environment.ts",...
angularangular5web-frontendngx-bootstrap
2
Alain

Effectuez les étapes ci-dessous et le problème sera résolu:

Step 1: npm uninstall ngx-bootstrap

Step 2: npm install [email protected] --save 

Step 3: ng serve

Step 4: Add the css file path "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css" in styles array in angular-cli.json file
0
Neha Waghmare

La version 3.0.0 n'est pas stable. Optez pour la dernière version stable 2.0.5

Suivre les étapes fonctionne.

rm -rf node_modules/ngx-bootstrap

package.json: "ngx-bootstrap": "^3.0.0" à "ngx-bootstrap": "2.0.5",

npm install ngx-bootstrap
5
Jagan Nathan

Je pense que ngx-bootstrap 3.0.0 n'est pas une version stable. Comme vous pouvez le voir sur leur site de document. La dernière version stable est 2.0.5. document site Mais lorsque vous essayez de l'installer à l'aide de la commande:

npm install ngx-bootstrap --save

Cette commande essaiera d’obtenir la dernière version 3.0.0. La raison en est que simple 3.0.0 n’est pas une version stable pour le moment.

2
Dung Pham

J'ai essayé la solution mentionnée ci-dessus et cela a bien fonctionné pour moi 

Les étapes suivantes:

package.json: "ngx-bootstrap": "^ 3.0.0" à "ngx-bootstrap": "2.0.5",

npm installez ngx-bootstrap 

relancez le serveur: ng serve

1
shyam agarwal