Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript User Authentication With Express and Mongo User Registration Creating a Registration Form With Pug (Jade)

Michael Desantis
Michael Desantis
14,015 Points

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

Console is throwing this error at me. It's causing my register.pug to not display on the page. I've tried running this with 3.3.7 and 3.3.6 versions of bootstrap to see if that solved the issue. Likewise, I've also installed tether via npm. But that didn't work either. Has anyone developed a solution to this problem?

On another note, is it really a good idea to develop instructional material that has dependencies on an alpha build of bootstrap 4.0.0? Or for that matter, an alpha build of anything? Expecting an alpha build to run flawlessly on all browsers, all operating systems, all development environments, and all local machines somehow doesn't seem feasible...

Graham Tonelli
Graham Tonelli
11,968 Points

Ive encountered this error before. I use the tether MDN. I can send you the link if you need it.

3 Answers

nico dev
nico dev
20,364 Points

I know this was asked a long while ago, but just in case anyone else find this message about Tether in the future.

Tether is a library, the development of which, as of today has been discontinued. It was used for Bootstrap for the tooltips. However, if you simply remove the line where you call bootstrap.min.js, the error message requesting for Tether (i.e.: because it's BS's dependency) should disappear. Be cautious and check that nothing of what you have relies on those two to work though, though, although apparently tooltips was mainly their only purpose.

Removing the bootstrap.min.js should not have big effects on this project as it's a simple page intended to learn authentication stuff.

Regarding Bootstrap, they've already released (recently) their 4 beta. However, again, for this project it's better not to use that bootstrap minified script since now they use Popper, the alternative to Tether, and you'll find the same error message with a different name. :)

Nico: I tried this. The uncaught error went away but the POST route still isn't throwing the validation errors. Did you encounter that problem at all?

Yeah I am having the same problem as well. I have yet to figure out the answer. If the instructors are seeing this could they please provide an answer please?

I ran into this issue too, and I figured out what I missed. Check and make sure you did not forget to add these lines to your app.js file:

var mongoose = require('mongoose');

//mongodb comnection mongoose.connect("mongodb://localhost:27017/bookworm");

In my case, when encountering the issue. The browser seemed like it was hanging. After checking the log, sometimes I would see the bootstrap.min.js.7 error. After going back and reviewing the video. I realized I missed adding those lines. Go figure. Everything had worked fine until I tried to submit the form. After adding the above lines of code to my app.js file. Everything worked!

That is all very well and good archiemitchell. I am glad that worked for you. What do you suggest for people that did not forget that code in app.js, but are still having the problem? I am tempted to take Nico's answer below, but That could create other problems.