Ngb-xx не является известным элементом

Question

Я пытаюсь использовать ngb bootstrap в моем Angular проекте. Каждый компонент на ngb выдает ошибку

Мой пакет. json

и мой app.module.ts

Я что-то не так сделал? Я внимательно следил за инструкциями.

Answer 1

Вы должны импортировать в модуль, который используете для компонента, Bootstrap Модуль, как указано в документах

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

@NgModule({
  ...
  imports: [NgbModule, ...],
  ...
})
export class YourAppModule {
}

Это работает в этом примере https://stackblitz.com/run?file=app%2Fdatepicker-basic.module.ts

Answer 2

Убедитесь, что модуль импортирован в ваш модуль, в котором компонент будет использовать компонент Ngb-xx. Означает, что если у вас есть дочерний компонент, который использует компонент Ngb, включите ваш Ngb module не в модуль приложения, но если вы не используете общий модуль, импортируйте его в модуль приложения

С последней версией, если Ngb-bootstrap вам нужно импортировать только тот модуль, который вы хотите использовать, а не весь модуль, например, если вам нужен аккордеонный компонент, вы можете импортировать только NgbAccordian module