如何修复错误；“错误:引导工具提示需要系绳(http://github.hubspot.com/tether/)‘)

Question

我使用的是引导程序V4，下面的错误记录在控制台中；

错误:引导工具提示需要系绳(http://github.hubspot.com/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>

我把绳子装好了吗？

有人能帮我删除这个错误吗？

如果您希望查看我的站点上的错误，请单击这里并加载您的控制台。

Answer 1

对于Bootstrap 4稳定：

因为beta Bootstrap 4不依赖于系绳，而是依赖于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：

引导4 alpha需要绳系，所以您需要在之前包含tether.min.js ，例如，包含bootstrap.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>

Answer 2

如果你在用Webpack：

1. 如文档中所述，设置引导加载程序；
2. 通过npm安装tether.js；
3. 将tether.js添加到webpack ProvidePlugin插件中。

webpack.config.js:

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

来源

Answer 3

如果您正在使用npm和browserify：

// es6 imports
import tether from 'tether';
global.Tether = tether;

// require
global.Tether = require('tether');