无法让 Bootstrap 工具提示和模式一起工作

Question

我希望有人可以帮助我解决这个困扰我好几个小时的问题。我正在使用 Visual Studio 开发 .NET Core 应用程序。我正在尝试使用利用 Popper 的 Bootstrap 工具提示。当我让工具提示工作时，我无法加载模态框，当我让模态框工作时，我无法让工具提示工作。

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

TypeError: $('#journalEntryModal').modal is not a function. (In '$('#journalEntryModal').modal('show')', '$('#journalEntryModal').modal' is undefined)

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

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

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

TypeError: Object is not a constructor (evaluating '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

无法让 Bootstrap 工具提示和模式一起工作

Can't get Bootstrap Tooltips and Modal to work together

javascript

bootstrap-modal

popper.js