Npm install: isArray error when using Browserify

[joshhornby]

I am using Browserify and trying to require the npm package of typeahead.js

var $ = require('jquery');
var typehead = require('typeahead.js');

When I run this in the browser I get the following error:

Uncaught TypeError: Cannot read property 'isArray' of undefined

Any ideas? Guessing it is an issue with jQuery not being loaded correctly?

[jharding]

I'm not overly familiar with browserify so I'm not sure what's going on. If you have't figured this out already, your best bet is to ask on Stack Overflow.

BTW, if you have figured it out, it'd be great if you could share what the issue was for future reference.

[nicl]

@joshhornby I got this too. Typeahead is trying to inject jquery from window.jQuery. So you could do one of a few things:

• copy the bundled typehead script into your own file and then modify to pass jquery correctly (i.e. by requiring it at the top of the script and then passing in that name)

• or modifying the window object before including it. e.g.

  var $ = require('jquery');
  window.jQuery = $; // hack to make typeahead work
  require('typeahead.js');

This is definitely a bug for the npm package though.

[davis]

there just need to be an AMD version of Bloodhound and Typeahead
you can also use browserify-shim to get this stuff to work

[clayzermk1]

https://github.com/umdjs/umd anyone?

[davis]

so how do we use this with browserify/webpack/jspm or is that still not a thing?

[rsshilli]

It's still not a thing, really. This package is no longer maintained. But luckily somebody forked it and is maintaining it here:

https://github.com/corejavascript/typeahead.js

And that one can be imported (at least using webpack) and seems to work great.