如何解决如何在 Bootstrap 5 中使用 popperjs 使下拉菜单工作
我目前正在尝试使下拉菜单在 Bootstrap 5 中工作。我读到此功能需要 Popper.js,但我不知道如何正确包含它(使用 Laravel mix 的 Laravel 项目)。
我尝试了以下方法。
window.Popper = require(“@popperjs/core”)
import { createPopper } from '@popperjs/core'
import '@popperjs/core'
这些似乎都没有启用我想要的 Bootstrap 下拉功能!我做错了什么?
解决方法
您是否尝试使用 bootstrap.js
文件?
window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');
require('bootstrap');
安装 laravel ui 时使用此文件
,以下将起作用,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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。