web-dev-qa-db-ja.com

ドロップダウンBootstrap 4は、angularのアプリケーションの生産では機能しません

私はbootstrap 4 = my angularアプリケーションで使用しています。ドロップダウン関数はモード開発者では完全に機能していますが、プロダクションモードでは次のエラーが発生しました。

キャッチされないエラー：DROPDOWN：オプション "popperConfig"はタイプ "ウィンドウ"を提供しましたが、予期されたタイプ "（null | object）"です。
at Object.typeCheckConfig（vendors.e5434761d9d5f5d91054.bundle.js：1）
at e.t._getConfig（vendors.e5434761d9d5f5d91054.bundle.js：1）
新しいe（vendors.e5434761d9d5f5d91054.bundle.js：1）
HTMLButtonElement。 （vendors.e5434761d9d5f5d91054.bundle.js：1）

これは私のアプリケーションで使用しているコードです

<div class="dropdown">

  <button class="btn btn-secondary dropdown-toggle" type="button" 
    id="dropdown-search" data-toggle="dropdown"
    aria-haspopup="true" aria-expanded="false">

    Fiches consultées
  </button>

  <div class="dropdown-menu dropdown-filter filter-menu" 
    aria-labelledby="dropdown-search">

    <div *ngFor="let h of historiques" class="form-check">

      <input class="form-check-input" id="{{h.name}}" type="checkbox"
        value="{{h.name}}" [(ngModel)]="h.selected" 
        (change)="getSelected()">

      <label class="form-check-label" for="{{h.name}}">
        {{h.code}}
      </label>
    </div>
  </div>
</div>
htmlangularbootstrap-4angular8
5
boh_geek

現時点では同じ問題がありますが、IE11でのみ発生します。

更新1：今のところ、angular/TypeScriptバージョンとは関係ありません。アプリを8.2.14/3.5.3から8.0に戻しました。 0/3.4.3そして、それは再び動作し始めます。次に、異なるバージョンを調べて、どのバージョンの変更が問題を引き起こしているかを調べます。

更新2：angularバージョンの複数の組み合わせをテストした後、これら2つのパッケージが問題の原因であることがわかりました。

「@ angular-devkit/build-angular」

「@ angular/cli」

新しく作成されたangular 8プロジェクトは次のバージョンを使用します：

"@ angular-devkit/build-angular"： "〜.803.2"

"@ angular/cli"： "〜8.3.2"

しかし、8.3.xでは機能しません！これら2つのパッケージを最新の8.2.xバージョンに戻すと問題が解決します！

"@ angular-devkit/build-angular"： ".802.2"

"@ angular/cli"： "8.2.2"

1
Mystiker