Bootstrap 4.3.1 カルーセルは Angular 8 では動作しません

Bootstrap 4.3.1 カルーセルは Angular 8 では動作しません

私の ngb-carousel は、Angular 7 と Bootstrap 4.1.1 を使用して完璧に動作しました。しかし、Angular をバージョン 8 に、Bootstrap をバージョン 4.3.1 にアップグレードした後、カルーセルが正しく表示されなくなりました。最も簡単なコードを次に示します。

<ngb-carousel >
    <ng-template ngbSlide>
        <div>First</div>
    </ng-template>
    <ng-template ngbSlide>
        <div>Second</div>
    </ng-template>
    <ng-template ngbSlide>
        <div>Third</div>
    </ng-template>
</ngb-carousel>

すべてのカルーセル項目は、次のように順番に一度に表示されます。

 1.
 2.
 3.

First
Second
Third
PreviousNext

何を見逃したのかわかりませんが、ブートストラップ スタイルが認識されていないようです。ただし、bootstrap スタイルを含めるように angular.json を変更しました。

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
],

関連情報