Bootstrap 的工具提示需要 Popper.js

Question

我在我的项目中使用 Bootstrap 4 和 Jquery-3.3.1。 我使用js如下：

 <script src="@Url.Content("~/Scripts/jquery-3.3.1.min.js")" type="text/javascript"></script>

    <script src="@Url.Content("~/Scripts/umd/popper.min.js")" type="text/javascript"></script>

    <script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>

当页面加载时，我有以下错误：

SyntaxError: export declarations may only appear at top level of a module   -----  popper.min.js:4:19633

TypeError: Bootstrap's tooltips require Popper.js (https://popper.js.org/) ------ bootstrap.min.js:6:34702

这些警告还给出：

Source map error: request failed with status 404
Resource URL: http://sitename.com/Content/bootstrap.css
Source Map URL: bootstrap.css.map

Source map error: request failed with status 404
Resource URL: http://sitename.com/Scripts/bootstrap.min.js
Source Map URL: bootstrap.min.js.map

请指导我

Answer 1

我有同样的问题。 我只是在 Bootstrap.min.js 之前导入了 Popper.js。 现在它正在工作。

Answer 2

在本地（离线）使用 popper 下载 de umd 版本并将 src 设置为路径https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js

 <script src="path/popper.min.js"></script>

Answer 3

看起来您正在尝试为这些脚本使用本地导入，这可能只是意味着您的 popper.min.js 文件不在正确的目录中。 如果不是这种情况，我会简单地为这些脚本使用 CDN（内容交付网络）导入，因为使用起来要简单得多。 例如：

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>