Не удается прочитать свойство 'schedule' из неопределенного - PullRequest
Новая
       13

Не удается прочитать свойство 'schedule' из неопределенного

0 голосов
/ 22 мая 2018

Желаемый вывод - BsDatePicker и по какой-то причине выдает ошибку: Невозможно прочитать свойство 'schedule' из неопределенного .а также иметь предупреждение BsDatepickerModule находится в стадии разработки, возможны ИЗМЕНЕНИЯ, ПОЖАЛУЙСТА, прочитайте журнал изменений Angular-CLI версия 1.7.4, ngx-bootstrap версия 3.0.0, Angular 5Это код HTML:<input type="text" [(ngModel)]="dateOfBirth" name="dateOfBirth" id="dateOfBirth" bsDatepicker class="form-control"/>Это код app.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 { }

Это мой app-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 { }

А это мой .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",...

Ответы [ 4 ]

0 голосов
/ 11 октября 2018

Выполните следующие шаги, и это решит проблему: 

Step 1: npm uninstall ngx-bootstrap

Step 2: npm install ngx-bootstrap@2.0.5 --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 голосов
/ 04 июня 2018

Версия 3.0.0 не стабильна.Перейти к последней стабильной версии 2.0.5

Следующие шаги работают. 

rm -rf node_modules/ngx-bootstrap

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

npm install ngx-bootstrap
0 голосов
/ 20 июня 2018

Я попробовал вышеупомянутое решение, и оно отлично сработало для меня

Следующие шаги:

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

npm install ngx-bootstrap

запустить сервер снова: ng serve

0 голосов
/ 28 мая 2018

Я думаю, что ngx-bootstrap 3.0.0 не является стабильной версией.Как вы можете видеть в их документе сайта.Последняя стабильная версия - 2.0.5. document site Но при попытке установить его с помощью команды: 

npm install ngx-bootstrap --save

Эта команда попытается получить последнюю версию 3.0.0.Таким образом, причина проста 3.0.0 не является стабильной версией в настоящее время

...