Невозможно использовать ng-bootstrap с angular 9

Question

Это мой appModule, я использую карусель ng-boostsrap

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component'; 
import { NgbModule, NgbCarousel } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
   NgbModule,
    NgbCarousel   
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

и он дает следующую ошибку всякий раз, когда я добавляю любой компонент ng-bootstrap, здесь я добавил карусель.

ERROR in node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts:24:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.

    This likely means that the library (@ng-bootstrap/ng-bootstrap) which declares NgbCarousel has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.

    24 export declare class NgbCarousel implements AfterContentChecked, AfterContentInit, OnDestroy {
                            ~~~~~~~~~~~

Я также попробовал, добавив angular localize

заранее спасибо

Answer 1

Ошибка, которую вы получаете, связана с тем, что вы добавили в свой импорт NgbModule вместе с NgbCarousel. Однако вам не нужноNgbCarousel поскольку он уже включен в NgbModule заставляя его выдать вам эту ошибку.

Что вам нужно сделать, так это удалить NgbCarousel из вашего импорта и используйте только NgbModule.

Вот так:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component'; 
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent
  ],

  imports: [
    BrowserModule,
    AppRoutingModule,
    NgbModule,  
  ],

  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Удачи!

Answer 2

Всякий раз, когда такая установка выполняется, когда ваш проект уже обслуживается;

1. Перейти к интерфейсу командной строки
2. Нажмите CTRL + C
3. Нажмите Y
4. Подайте заявку еще раз
5. На этот раз ошибка должна исчезнуть