我有一个带有下拉菜单的标题。如果我点击，我会看到菜单。所有的工作都很完美。下面是HTML：

另一个页面，我有导入模态从引导程序和什么都没有发生，当我点击下拉菜单。在控制台中，它没有显示任何错误，但我不知道为什么，我有2个事件：

如果我从Js. file中删除我的导入，它将完美地工作：

import { Modal } from 'bootstrap';

应用程序.js

const bootstrap = require('bootstrap/dist/js/bootstrap.bundle');

联系人.js

import { Modal } from 'bootstrap';

window.addEventListener("DOMContentLoaded", () => {
if (document.getElementById('emailHasBeenSent') !== null && document.getElementById('emailHasBeenSent').value) {
    const modal = new Modal(document.getElementById('contactUsModal')),
        closeModalBtn = document.querySelector('.contact--modal-close-btn');

    modal.show();

    closeModalBtn.addEventListener('click', e => {
        modal.hide();
    })
}});

引导程序的模态似乎“取消”onClick事件下拉列表。类名停留在“btn dropdown-toggle”上，而不是“btn dropdown-toggleshow"。您能帮我找到问题所在吗？