无法让 Bootstrap Tooltips 和 Modal 一起工作

Question

我希望有人能够帮助我解决这个我已经苦苦挣扎了几个小时的问题。我正在使用 Visual Studio 开发一个 .NET Core 应用程序。我正在尝试使用利用 Popper 的引导工具提示。当我让 Tooltips 工作时，我无法加载 Modals，当我让 Modals 工作时，我无法让 Tooltips 工作。

当我通过 Nuget 安装 Bootstrap (4.6.0) 时，工具提示有效。当我尝试加载模式时，出现以下错误：

TypeError: $('#journalEntryModal').modal 不是函数。 （在 '$('#journalEntryModal').modal('show')', '$('#journalEntryModal').modal' 未定义）

为了使 Modal 功能正常工作，我必须执行以下操作：

1. 将引导程序作为 Nuget 包删除
2. 手动下载 Bootstrap 4.6.0 并将其包含在我的解决方案中
3. 下载 Popper.js 2.9.0 并将其包含在我的解决方案中

当发生这种情况并且我将鼠标悬停在具有工具提示的元素上时，我收到以下错误：

TypeError：对象不是构造函数（评估'new Popper__default['default'](this.element, tip, this._getPopperConfig(attachment))')

请注意，我使用的是 JQuery 3.5.1。当我通过 Nuget 安装使用 Bootstrap 时，我不包括 BOOTSTRAP & POPPER 部分。

@* ==============      JQUERY    ================== *@
    <script type="text/javascript" src="~/lib/jquery/jquery.js"></script>
    <script type="text/javascript" src="~/lib/jqueryui/jquery-ui.js"></script>
    <script type="text/javascript" src="~/lib/jquery.inputmask/jquery.inputmask.js"></script>
    <script type="text/javascript" src="~/lib/jquery.inputmask/bindings/inputmask.binding.js"></script>
    <script type="text/javascript" src="~/lib/jquery-validate/jquery.validate.js"></script>
    <script type="text/javascript" src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
    <script type="text/javascript" src="~/lib/jquery-toast-plugin/jquery.toast.js"></script>
    <script type="text/javascript" src="~/lib/jquery-tokeninput/js/jquery.tokeninput.js"></script>
    <script type="text/javascript" src="~/lib/bootstrap-chosen/chosen.jquery.js"></script>

    @* ==============      BOOTSTRAP & POPPER    ================== *@
    <script type="text/javascript" src="~/lib/popper.js/umd/popper.js"></script>
    <script type="text/javascript" src="~/lib/bootstrap-4.6.0/js/bootstrap.js"></script>

关于我可能做错的任何想法？

非常感谢。

--- 值

Answer 1

所以我终于通过从以下导入版本 1.14.7 的 popper 来完成这项工作：

https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js