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

Bootstrap4系

問題発生

 状態:-  閲覧数:3,731  投稿日: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オブジェクトを見つけることが出来ないときに発生するエラー

 閲覧数:896 投稿日: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を排除する必要があります。

 閲覧数:827 投稿日: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

対応 & 感想

 閲覧数:721 投稿日: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 表示順序は、上から下のみ。左から右へは変更不可 



週間人気ページランキング / 7-18 → 7-24
順位 ページタイトル抜粋 アクセス数
1 Design 0 13
2 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
3 Font Awesome 4.7.0 | Font Awesome(フォント) 2
3 Chrome 起動オプションを利用して、キャッシュを無効にする 2
3 navタグで定義している部分だけCSSが効かない【html5】 | HTML5(HTML) 2
3 画像フィルタ 選考落選 | 画像フィルタ(画像) 2
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
3 キャラクター無料着せ替えジェネレーター Rinmaru Games / オンラインサービス | イラスト素材(デザイン) 2
3 経緯 / 用語の違いが分からない / ソフトウェア比較一覧表 2
4 ページ固有CSSの取り扱い / ページとの紐付け 1
4 デフォルトの「Google Chrome」ではURL欄にwwwが表示されないため、「Microsoft Edge」を使用する | Google Chrome(ブラウザ) 1
4 ブックマークアイコンをクリックした際、最初から編集画面を出す方法を知りたい | Google Chrome(ブラウザ) 1
4 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 1
4 Firefox8.0で、Cookieを表示 | Firefox(ブラウザ) 1
4 鉄道会社毎のカラーコード | カラーコード(色) 1
4 Googleがハイフンって言ってるからハイフンって、そんな安直な考えで本当に良いの? CSS 「id」「class」名 に関する調査履歴 2 | 命名規則(コーディングルール) 1
4 CSS カテゴリー 1
4 ブラウザ カテゴリー 1
4 ICCプロファイル | カラーマネージメント(色) 1
4 擬似クラス(Pseudo-classes) | 擬似(CSS) 1
2026/7/25 5:05 更新