Ng-bootstrapを用いたcarouselの表示方法

Question

前提・実現したいこと

Angularを使ってSPAを作成しています。

まだまだ自己学習中で提示情報に不足があるかと思いますが、よろしくお願いいたします。

発生している問題・エラーメッセージ

画面にng-bootstrapのcarouselがなぜか表示されません。
ng serveは成功しており、carouselの部分だけ表示されない状態です。

関係があるのは不明なのですが開発者ツールには下記のエラーが表示されています。

webpack:///webpack/startup のコンテンツを読み込むことができませんでした (HTTP エラー: 状態コード 404、net::ERR_UNKNOWN_URL_SCHEME)

該当のソースコード

article.component.html

<ngb-carousel class="carousel-position">
  <ng-template NgbSlide>
    <img src="/assets/images/test1.jpg">
  </ng-template>
  <ng-template NgbSlide>
    <img src="/assets/images/test2.jpg">
  </ng-template>
  <ng-template NgbSlide>
    <img src="/assets/images/test3.jpg">
  </ng-template>
</ngb-carousel>

article.scss

.carousel-position{
  max-width: 10px;
  width: 100%;
  margin: 3% auto 0 auto;
}

app.component.html

<header></header>
<div class="container-fluid">
  <div class="row">
    <div class="col-md-3 col-xs-12 order-md-1 order-2">
      <sidebar></sidebar>
    </div>
    <div class="col-md-9 col-xs-12 order-md-2 order-1">
      <article></article>
    </div>
  </div>
</div>
<footer></footer>

試したこと

webpack、ng-bootstrapの再インストールを行ってみましたが結果は変わらず、、、

補足情報（FW/ツールのバージョンなど）

Angular : 12
npm: 6
webpack: 5

Answer 1

ng-bootstrapはmoduleのファイルでimportsの配列に入れて、importしましたか。

このHTMLのテンプレートを宣言しているarticle.component.tsファイルと、
ArticleComponentを宣言している*.module.tsのようなファイルをアップロードしたほうが解決につながるような気がします。