时间戳

首页 > 解决方案 > 安装 Angular-bootrstap 时的错误

javascript - 安装 Angular-bootrstap 时的错误

问题描述

我正在尝试安装 Angular 引导程序

https://ng-bootstrap.github.io/#/home

他们说它与 angular cliver > 9 不兼容

但他们说

“ 如果你有一个 Angular ≥ 9 CLI 项目，你可以简单地使用我们的原理图来添加 ng-bootstrap 库 ”

我看了这个视频https://youtu.be/CflqAqLLBEE?t=64

他正在使用这条线

ng add @ng-bootstrap/schematics

对他来说，它工作正常

但是对于我和评论中的其他人来说，使用 ng s -o 编译时会产生错误

我认为这是因为他使用的是 Angular 9 而我使用的是 Angular 10

我知道刚刚发布的 Angular 11 我仍然在理解这些概念的开始:)

我将尝试使用 cdn 和其他东西以常规方式安装它，但它没有与 ng bootstrap 相同的好处:(

错误截图

https://drive.google.com/file/d/1r4dCncwwCl1SEDPy0FY_XyDtNWWdKSXH/view?usp=sharing

标签： javascripthtmlcssangular

解决方案

它只是创建一个新的 Angular 项目并运行

ng add @ng-bootstrap/ng-bootstrap

在您的 app.module 中，您可以导入所需的模块，例如

import {NgbPaginationModule, NgbAlertModule} from '@ng-bootstrap/ng-bootstrap';

NgModule({
  declarations: [...],
  imports: [
    ...
    NgbDatepickerModule,
    NgbAlertModule,
  ],
  ...
})

并使用它

    <ngb-alert>hello word!</ngb-alert>
    <ngb-datepicker></ngb-datepicker>
    <ngb-rating rate="8"></ngb-rating>

我的 Angular 版本是 10.0.2

我刚刚更新到 Angular 11

ng update @angular/cli @angular/core --allow-dirty

而且也在工作

推荐阅读