安装 @popper/core 后，Bootstrap 5 下拉菜单停止工作答案

【问题标题】：Bootstrap 5 dropdown stopped working after installing @popper/core安装 @popper/core 后，Bootstrap 5 下拉菜单停止工作
【发布时间】：2022-01-29 07:41:09
【问题描述】：

我已经使用 Bootstrap 5 一段时间了，没有注意到某些东西可能不起作用。

然后我发现一个模型需要@popper/core，而不仅仅是popper.js。

我安装了它，但突然我的下拉菜单停止工作。

上下文：我在 React JSX 布局中使用下拉菜单。

反应 16.11.0 引导程序 5.1.3

一些代码：

import Popper from '@popperjs/core';
import $ from 'jquery'; 
//import { Dropdown } from 'bootstrap'; <-- doesn't help
import 'bootstrap/dist/js/bootstrap.bundle.min';

...
<div className="dropdown">
  <button className="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
    Dropdown button
  </button>
  <ul className="dropdown-menu" aria-labelledby="dropdownMenuButton1">
    <li><a className="dropdown-item" href="#">Action</a></li>
    <li><a className="dropdown-item" href="#">Another action</a></li>
    <li><a className="dropdown-item" href="#">Something else here</a></li>
  </ul>
</div>

【问题讨论】：

标签： reactjs bootstrap-5

【解决方案1】：

在我删除对引导程序的“平面”引用后，它开始工作：

import 'bootstrap/dist/js/bootstrap.bundle.min';

从这里： https://gitlab.com/simevo/dropdown/-/commit/624e010e7aaba574bbab4af431054d4c5e47e80e

【讨论】：