如何修复错误;“错误：引导工具提示需要系绳（http://github.hubspot.com/tether/）”

javascript twitter-bootstrap bootstrap-4 tether

2022-08-30 01:45:21

我正在使用Bootstrap V4，控制台中记录了以下错误;

错误：引导工具提示需要系绳（http://github.hubspot.com/tether/)

我试图通过安装Tether来删除错误，但它不起作用。我通过包含以下代码行来“安装”Tether;

<link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css">
<script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script>

我是否正确地“安装”了系绳？

任何人都可以帮我删除此错误吗？

如果您希望在我的网站上查看错误，请单击此处并加载控制台。

答案 1

对于 Bootstrap 4 稳定版：

由于beta Bootstrap 4不依赖于Tether，而是依赖于Popper.js。所有脚本（必须按以下顺序排列）：

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>

有关最新脚本版本，请参阅当前文档。

只有 Bootstrap 4 alpha：

Bootstrap 4 alpha 需要 Tether，所以你需要在包含之前包含，例如。tether.min.jsbootstrap.min.js

<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
<script src="https://npmcdn.com/bootstrap@4.0.0-alpha.5/dist/js/bootstrap.min.js"></script>

答案 2

如果您使用的是 Webpack：

按照文档中所述设置引导加载程序;
安装系绳.js通过npm;
将 tether.js 添加到 webpack ProvidePlugin 插件中。

webpack.config.js：

plugins: [
        <... your plugins here>,
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery",
            "window.Tether": 'tether'
        })
    ]

源