Uncaught Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)

Bootstrap4系

問題発生

 状態:-  閲覧数:3,776  投稿日:2016-01-15  更新日:2016-01-15
Chromeコンソール画面に下記エラーメッセージが表示される
Uncaught Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)


取り敢えずの対応


修正前
<script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.min.js"></script><!-- Bootstrap --> 


修正後
・bootstrap.min.jsの前に、tether.min.jsを読み込む
script src="https://www.atlasestateagents.co.uk/javascript/tether.min.js"></script><!-- Tether for Bootstrap --> 

<script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.min.js"></script><!-- Bootstrap -->


・もしくは、Tetherよりダウンロード後、読込

bootstrapスクリプトが、tetherオブジェクトを見つけることが出来ないときに発生するエラー

 閲覧数:909 投稿日:2016-01-15 更新日:2016-01-15
bootstrapスクリプトが読み込まれる際、tetherオブジェクトを見つけることが出来ないために発生するエラーだと思います。bootstrap.min.jsをインクルードする前に tether.min.jsスクリプトをインクルードしてみてください
I think you're getting the error because when the bootstrap script loads, it's unable to find the tether object. Try including the tether.min.js script before you include the bootstrap.min.js script.
How to fix the error; 'Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)'

Bootstrapツールチップを使用していなくて、Tetherを含めたくない場合は、Bootstrapのtooltip.jsを排除する必要があります。

 閲覧数:840 投稿日:2016-01-15 更新日:2016-01-15
あなたがBootstrapツールチップを使用していなくて、Tetherを含めたくない場合は、Bootstrapのtooltip.jsを排除する必要があります(これは連結されたデフォルトのbootstrap[.min].jsファイルを使用しないことも意味します)。
If you're not using Bootstrap tooltips and don't want to include Tether, then you'll need to exclude Bootstrap's tooltip.js (which may mean not using the default concatenated bootstrap[.min].js file).
`Bootstrap tooltips require Tether` error is logged to console when not using tooltips

対応 & 感想

 閲覧数:728 投稿日:2016-01-15 更新日:2016-01-15

Bootstrapツールチップを使用しないのに、Tetherを読み込んだ理由


Bootstrap4正式リリース前なので
・bootstrap.min.jsは、正式リリースに伴い今後差し替えが予想される
・その度に、自分で圧縮化するのが面倒なので


対応バージョンが不明


v1.1.1
・最新版のv1.1.1を読み込んだら、エラー表示が消える

今後について
・双方バージョンアップした場合、その整合性はどうなるのだろう? という疑問が湧いた


The key "shrink-to-fit" is not recognized and ignored.

Bootstrap 4 Cards の card-columns 表示順序は、上から下のみ。左から右へは変更不可 



週間人気ページランキング / 9-2 → 9-8
順位 ページタイトル抜粋 アクセス数
1 Design 0 4
2 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 3
2 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
3 RGB ⇔ Lab | 色変換(色) 2
3 右クリック出来るのに、コピペ出来ないWebページ。2020 年 | ブラウザ 2
3 Chromeがおかしくなった。width認識が狭くなりレイアウトが崩れる | Google Chrome(ブラウザ) 2
3 このエントリーの結論 / 主な機能と使い方 / 補足 2
3 考え方A.長さの比率で角度60°を分割 / R≧G≧B 2
4 パッケージ化されてない拡張機能 | Chrome 拡張機能 1
4 Googleがハイフンって言ってるからハイフンって、そんな安直な考えで本当に良いの? CSS 「id」「class」名 に関する調査履歴 2 | 命名規則(コーディングルール) 1
4 Chromeで名前を付けて保存する際、ファイルを一つにするには、mht形式で保存する | Google Chrome(ブラウザ) 1
4 キャラクターなんとか機 / とくだ屋 / Xprite 1
4 ScreenOFF 1
4 RGBの種類 / sRGB / AdobeRGB | RGB(色) 1
4 比較一覧 1
4 「Midjourney」を使用してみた感想。2022 年 8 月 2 時点では、画像生成能力自体は素晴らしいと思いますが、UIが致命的に分かりづらかったです。 | AI画像生成 1
4 Stylus(Chrome 拡張機能) カテゴリー 1
4 感想 1
4 Google マップ カテゴリー 1
4 インストールした「Google Chrome拡張(エクステンション)」のソースコード 1
2026/9/9 5:05 更新