【问题标题】:Bootstrap's tooltips require Popper.jsBootstrap 的工具提示需要 Popper.js
【发布时间】:2019-11-29 07:20:11
【问题描述】:

我在我的项目中使用 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

请指导我

【问题讨论】:

    标签: jquery bootstrap-4 popper.js


    【解决方案1】:

    我遇到了同样的问题。我刚刚在 Bootstrap.min.js 之前导入了 Popper.js。现在它正在工作。

    【讨论】:

      【解决方案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>
      

      【讨论】:

        【解决方案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> 
        

        【讨论】:

        • 谢谢。通过替换您提供的链接,这是真的,但问题是该程序可能在没有 Internet 的系统上运行。怎样才能顺利下载下载的版本?
        • (抱歉响应缓慢,事情变得很忙)我并不完全熟悉您在代码中用于 src 属性的语法,但在过去的项目中,我使用的语法如下: &lt;script src="jquery-min.js"&gt;&lt;/script&gt; 包括没有问题的本地现有资源。
        猜你喜欢
        • 1970-01-01
        • 2017-10-01
        • 1970-01-01
        • 2018-02-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-11-07
        • 1970-01-01
        相关资源
        最近更新 更多