Error: 'ngb-tab' is not a known element. Angular 11

Question

我正在将我的应用程序升级到 angular 11 并面临 bootstrap 选项卡的问题

错误：'ngb-tab' 不是已知元素：如果 'ngb-tab' 是一个 Angular 组件，则验证它是该模块的一部分。

'ngb-tabset' 不是已知元素：如果 'ngb-tabset' 是一个 Angular 组件，则验证它是该模块的一部分。

我正在使用 ng-bootstrap v8.0.0 和 angular 11

我正在 app.modules.ts 中导入所需的模块，即

import { NgbModule } from "@ng-bootstrap/ng-bootstrap";

@NgModule({
  declarations: [AppComponent, FullLayoutComponent, ContentLayoutComponent],
  imports: [
    ......
    NgbModule,
    ........
  ],

Answer 1

根据 Documentation，ngb-tab 和 ngb-tabset 从 ng-bootstrap v8.0.0 中删除。所以我已将选项卡转换为导航指令，这解决了我的问题

Error: 'ngb-tab' is not a known element. Angular 11

Error: 'ngb-tab' is not a known element. Angular 11

node.js

angular

ng-bootstrap

angular11