如何修复错误; '错误:Bootstrap工具提示需要Tether(http://github.hubspot.com/tether/)'

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

错误:Bootstrap工具提示需要Tether(http://github.hubspot.com/tether/)

我试图通过安装Tether删除错误,但它没有奏效.我通过包含以下代码行'安装'Tether;

我是否正确安装了系绳？

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

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

1> adilapapaya..：

---

对于Bootstrap 4稳定:

因为beta Bootstrap 4不依赖于Tether而是依赖于Popper.js.所有脚本(必须按此顺序):

有关最新脚本版本,请参阅当前文档.

---

只有Bootstrap 4 alpha:

Bootstrap 4 alpha需要系绳,所以你需要在包括tether.min.js 之前包括bootstrap.min.js,例如.

---

但奇怪的是,http://v4-alpha.getbootstrap.com/对此没有任何说明

2> Snowman..：

---

如果您使用的是Webpack:

按文档中的描述设置bootstrap-loader;

通过npm安装tether.js;

将tether.js添加到webpack ProvidePlugin插件中.

webpack.config.js:

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

资源

---

正如我在Github问题上提到的,新版本的Bootstrap(例如4.0.0-alpha.6)现在正在寻找"Tether"而不是"window.Tether".

3> Jannic Beck..：

---

如果您使用的是npm和browserify:

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

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

4> Cezary Danie..：

---

我个人使用Bootstrap功能的小子集,不需要附加Tether.

这应该有所帮助:

window.Tether = function () {
  throw new Error('Your Bootstrap may actually need Tether.');
};

---

这是针对ARM版本的Bootstrap的黑客攻击.我没有看到理由挑剔:-)如果开发人员不想使用Tether,擦除已经定义的依赖关系不是一个例子.在我看来`window.Tether = window.Tether || {};`更糟糕,因为它会抛出"Tether不是函数",而不是有意义的错误.

---

此更改不会更新3rdparty或供应商脚本.您可以在

6> 小智..：

---

您应该完成我的指导:
1.将波纹管源添加到Gemfile中

source 'https://rails-assets.org' do
  gem 'rails-assets-tether', '>= 1.1.0'
end

运行命令:

捆绑安装

在application.js中的jQuery之后添加这一行.

// = require jquery
// = require tether

重启rails服务器.

7> cjfarrelly..：

---

如下所示,通过npm安装系绳

npm install tether --save-dev

然后将tether添加到你的html上面的bootstrap,如下所示

---

不应该是`npm install tether --save`而不是`--save-dev`吗？在生产中也需要它.

---

或者**凉亭**像这样的'bower install tether --save-dev`

8> 小智..：

---

对于webpack我用(webpack.config.js)解决了这个问题:

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  "window.jQuery": "jquery",
  Tether: 'tether'
})

9> Anton Lyhin..：

---

另外一个说明.如果您检查未压缩的javascript文件,您将找到以下条件:

if(window.Tether === undefined) {
     throw new Error('Bootstrap tooltips require Tether (http://github.hubspot.com/tether)')
}

因此错误消息包含所需的信息.

您可以从该链接下载存档.

未压缩版本:

https://rawgit.com/HubSpot/tether/master/src/js/tether.js https://rawgit.com/HubSpot/tether/master/dist/css/tether.css