Meteor, Bootstrap, and Tether #19005

mazing · 2016-01-22T03:51:13Z

In Bootstrap v4 alpha 2, I get the error

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

I have in Meteor tried loading Tether using the package simply:tether, but the error message remains.

Can I opt to not require Tether since I wont use Bootstrap's tooltips.

The text was updated successfully, but these errors were encountered:

wolfy1339 · 2016-01-22T04:07:54Z

You can just safely ignore that error.
A workaround that was posted was setting window.Tether = {}

cvrebert · 2016-01-22T05:53:57Z

CC: @splendido @dandv because this involves Meteor

birish2 · 2016-02-03T22:49:58Z

I have the exact same error when hosting the Bootstrap v4 alpha 2 Dashboard example on a Django app. So this error might not be specific to Meteor.

cvrebert · 2016-02-03T23:04:02Z

@birish2 This issue is Meteor-specific. If you're seeing that error message and aren't using Meteor, then you're either not including Tether properly, or you're not exposing Tether as a global (i.e. window.Tether) which is currently necessary until we resolve #17201.

splendido · 2016-02-14T09:50:48Z

@mazing I'd say, if you also added simply:tether, it might be a problem with the order packages are loaded: i.e. twbs:bootstrap gets loaded before simply:tether.
As a workaround you could try edit your .meteor/packages file and make sure tether appears before bootstrap.

As a stable solution we might add simple:tether as a weak dependency for twbs:bootstrap so to ensure correct load order for the packages.
Then we should check simple:tether is the best option, well maintained and regularly updated...
...but this won't be a problem when [email protected] will be out since support for npm packages will come and we might refer the official tether package.

@mazing could you try see whether changing the order in your .meteor/packages file solves the problem for now?

panaali · 2016-02-25T04:15:48Z

This worked for me:

meteor remove twbs:bootstrap
meteor add coursierprive:tether
meteor add twbs:bootstrap@=4.0.0-alpha2

orgztion · 2016-03-06T19:17:12Z

On Meteor 1.3 is you need Bootstrap 4 from npm do this:

npm install tether --save
npm install [email protected]
meteor add orgztion:meteor-global-tether

https://github.com/orgztion/meteor-global-tether package import Tether from npm and expose it globally.

a working example: https://github.com/bySabi/neal-sample-meteor

cvrebert · 2016-03-07T09:42:59Z

Asked the Tether folks whether they'd consider publishing a Meteor package: shipshapecode/tether#153
Then we could just add a dependency on the official Tether Meteor package.

arechsteiner · 2016-08-29T14:17:46Z

What about people who don't want to use tool tips? This error forces everyone to include tether, whether they need it or not. I had the impression tether was opt-in when needed.

cvrebert · 2016-08-29T17:52:42Z

@arechsteiner You want #17201.

cvrebert · 2016-08-29T17:56:25Z

Closing as no longer applicable per #20389.

diegonc · 2016-11-23T17:59:38Z

@orgztion your repo meteor-global-tether gives a 404. any insight into why's that? have you found another way of providing tether under meteor?

bySabi · 2016-11-23T18:16:14Z

@diegonc this package is offline cause is not needed.
On meteor you can use a workaround like this:
https://github.com/bySabi/neal-sample-meteor/blob/master/packages/workarounds/client.js

jbockerstette · 2016-12-07T01:11:24Z

Do the following:

meteor npm install tether --save
cp ./node_modules/tether/dist/js/tether.min.js ./public/
//Add this line to your index.html
<head>
...
    <script type="text/javascript" src="tether.min.js"></script>
...

Anything in the /public folder can be found by the client browser.

diegonc · 2016-12-07T03:54:33Z

Well, I hope not to sound rude, but that's a weird dance there and doesn't look very Meteorish 😄

I'd rather do

import _Tether from 'tether';
window.Tether = _Tether;

in some early loaded client file (just like bySabi's workaround but with an actual implementation).

But I can't say whether it works, I'm still using the package 😁

jbockerstette · 2016-12-07T17:01:19Z

I followed the angular2 Socially example. Your solution may work but there is not enough detail for me to try it. Where would I put your code snippet? Also, I only have 6 months of experience working with meteor so some things aren't obvious to me.

…

On Dec 6, 2016 7:56 PM, "Diego Nieto Cid" ***@***.***> wrote: Well, I hope not to sound rude, but that's a weird dance there and doesn't look very Meteorish 😄 I'd rather do import _Tether from 'tether'; window.Tether = _Tether; in some early loaded client file (just like bySabi's workaround but with an actual implementation). But I can't say whether it works, I'm still using the package 😁 — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#19005 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AP9ZRa0yiq6_loYuZzmvFgHtOrg60Mq_ks5rFi5QgaJpZM4HKFF4> .

diegonc · 2016-12-07T18:46:20Z

@jbockerstette

For me, what set off alarm bells in your solution is that there are two manual steps (cp & script) that one needs to remember each time tether is upgraded to also keep our project in good shape.

From my experience, Meteor tends to discourage script tags in index.html and instead relies on its script concatenation & minification process to build a bundle that gets automatically include in the served HTML.

If you are using bootstrap from NPM, then you can just drop the two lines I mentioned before the import 'bootstrap'; statement in main js file.

If you are using the atmosphere package then you need a custom package which should be listed before bootstrap in .meteor/packages file; look for instance at bySabi's link. But that's arguably more complicated, and if one doesn't intend to update tether "frequently", I'd rather use your solution.
Anyway, considering there's no longer a Bootstrap atmosphere package, the NPM based solution is probably better.

@ everyone
BTW, sorry for hijacking this closed issue

jbockerstette · 2016-12-07T20:48:12Z

Thanks Diego. I knew my solution was not optimal but it was the only way I could get it to work. I was able to get bySabi's solution to work in my project. So I am now going to use that. Thank you!

demiantriebl · 2017-04-20T23:23:37Z

hi! i use meteor 1.4.4 and i can't install tether , i use npm, and the package but don't work, any clue?

cvrebert · 2017-04-20T23:30:33Z

Locking old closed issue that's veering off onto tangents.

cvrebert changed the title ~~Bootstrap requires Tether~~ Meteor, Bootstrap, and Tether Jan 22, 2016

cvrebert added js v4 labels Jan 22, 2016

cvrebert added the meteor label Feb 2, 2016

This was referenced Mar 7, 2016

Add jQuery and Tether to npm dependencies #19427

Merged

Meteor package? shipshapecode/tether#153

Closed

myyellowshoe mentioned this issue Jun 14, 2016

App not starting properly AdmitHub/meteor-buildpack-horse#109

Closed

cvrebert closed this as completed Aug 29, 2016

arechsteiner mentioned this issue Nov 22, 2016

Error: bootstrap.min.js:7 Uncaught Error: Bootstrap tooltips require Tether HackerThemes/charming-issues#3

Open

twbs locked and limited conversation to collaborators Apr 20, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Meteor, Bootstrap, and Tether #19005

Meteor, Bootstrap, and Tether #19005

mazing commented Jan 22, 2016

wolfy1339 commented Jan 22, 2016 •

edited

Loading

cvrebert commented Jan 22, 2016

birish2 commented Feb 3, 2016

cvrebert commented Feb 3, 2016

splendido commented Feb 14, 2016

panaali commented Feb 25, 2016

orgztion commented Mar 6, 2016

cvrebert commented Mar 7, 2016

arechsteiner commented Aug 29, 2016

cvrebert commented Aug 29, 2016

cvrebert commented Aug 29, 2016

diegonc commented Nov 23, 2016 •

edited

Loading

bySabi commented Nov 23, 2016

jbockerstette commented Dec 7, 2016

diegonc commented Dec 7, 2016

jbockerstette commented Dec 7, 2016 via email

diegonc commented Dec 7, 2016 •

edited

Loading

jbockerstette commented Dec 7, 2016

demiantriebl commented Apr 20, 2017

cvrebert commented Apr 20, 2017

Meteor, Bootstrap, and Tether #19005

Meteor, Bootstrap, and Tether #19005

Comments

mazing commented Jan 22, 2016

wolfy1339 commented Jan 22, 2016 • edited Loading

cvrebert commented Jan 22, 2016

birish2 commented Feb 3, 2016

cvrebert commented Feb 3, 2016

splendido commented Feb 14, 2016

panaali commented Feb 25, 2016

orgztion commented Mar 6, 2016

cvrebert commented Mar 7, 2016

arechsteiner commented Aug 29, 2016

cvrebert commented Aug 29, 2016

cvrebert commented Aug 29, 2016

diegonc commented Nov 23, 2016 • edited Loading

bySabi commented Nov 23, 2016

jbockerstette commented Dec 7, 2016

diegonc commented Dec 7, 2016

jbockerstette commented Dec 7, 2016 via email

diegonc commented Dec 7, 2016 • edited Loading

jbockerstette commented Dec 7, 2016

demiantriebl commented Apr 20, 2017

cvrebert commented Apr 20, 2017

wolfy1339 commented Jan 22, 2016 •

edited

Loading

diegonc commented Nov 23, 2016 •

edited

Loading

diegonc commented Dec 7, 2016 •

edited

Loading