Javascript 如何使用Bootstrap5中的PopperJ使下拉菜单工作

我目前正在尝试使下拉菜单在Bootstrap5中工作。我读到这个功能需要Popper.js，但我不知道如何正确地包含它（使用LaravelMix的Laravel项目）

我试过以下方法

window.Popper = require(“@popperjs/core”)

import { createPopper } from '@popperjs/core'

import '@popperjs/core'

---

所有这些似乎都无法启用我想要的引导下拉功能！我做错了什么？

您是否尝试使用

bootstrap.js

文件

window.Popper=require（'Popper.js'）。默认值；
window.$=window.jQuery=require（'jQuery'）；
需要（“引导”）；

---

此文件在安装时使用

是否尝试使用

bootstrap.js

文件

window.Popper=require（'Popper.js'）。默认值；
window.$=window.jQuery=require（'jQuery'）；
需要（“引导”）；

---

此文件在安装时使用

以下文件可以使用，Popper.js不推荐使用。安装版本2

npm i @popperjs/core

然后在bootstrap.js中

try {
    window.Popper = require('@popperjs/core');
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
} catch (e) {
}

最后，运行

npm run dev

，并在布局中包含以下内容

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>

---

以下方法可行，Popper.js已被弃用。安装版本2

npm i @popperjs/core

然后在bootstrap.js中

try {
    window.Popper = require('@popperjs/core');
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
} catch (e) {
}

最后，运行

npm run dev

，并在布局中包含以下内容

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>

。默认值似乎未定义。只是
window.Popper=require（'@popperjs/core'）
似乎就是它。
。默认值似乎未定义。只是
window.Popper=require（'@popperjs/core'）
似乎就是它。