Question

所需的输出是BsDatePicker ，由于某种原因，我给出了错误： 无法读取属性＆＃39; schedule＆＃39;未定义的 。
并且还有警告 BsDatepickerModule正在开发中，突破性变化是可能的，请阅读更改日志

Angular-CLI版本1.7.4，ngx-bootstrap版本3.0.0，Angular 5

这是html的代码：
*

这是app.module.ts的代码：

<input type="text" [(ngModel)]="dateOfBirth" name="dateOfBirth" id="dateOfBirth" bsDatepicker class="form-control"/>

这是我的app-routing.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 { }

这是我的.angular-cli.json

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 { }

Answer 1

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

Answer 2

我认为ngx-bootstrap 3.0.0不是稳定版。正如您在其文档站点中看到的那样。最新的稳定版本是2.0.5。 document site 但是当您尝试通过命令安装它时：

npm install ngx-bootstrap --save

此命令将尝试获取最新版本为3.0.0。所以，原因很简单3.0.0此时不稳定版

Answer 3

我尝试了上述解决方案，对我来说很好

以下步骤：

package.json：“ ngx-bootstrap”：“ ^ 3.0.0”到“ ngx-bootstrap”：“ 2.0.5”，

npm安装ngx-bootstrap

再次运行服务器：ng服务

Answer 4

执行以下步骤，它将解决此问题：

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

无法阅读财产＆＃39;日程安排＆＃39;未定义的

4 个答案: