Typeahead.js: using es6 to import typeahead.bundle.js throws 'Bloodhound' of undefined error

[Gyanxie]

problem

like this: Uncaught TypeError: Cannot set property 'Bloodhound' of undefined

my way

review the code of typeahead.hundle.js , I found "this" is undefined

change "this" to “window”, it works.

[tamanhquyen]

You can add Provider in webpack config plugins
new webpack.ProvidePlugin({ jQuery: 'jquery', $: 'jquery', "window.jQuery": "jquery" }),

in source code
import typeahead from "typeahead.js"; import Bloodhound from "bloodhound-js";

[Gyanxie]

@tamanhquyen Thanks! I will try.

[thatONEjustin]

already have jquery as a provided plugin through webpack.

still can't get past Cannot set property 'Bloodhound' of undefined

[tamanhquyen]

@thatONEjustin : Can you share your sourcecode ?

[nickdevereaux]

@thatONEjustin I fixed it by adding the bloodhound.js package and using that instead of the one that comes with typeahead. I think that's what @tamanhquyen was suggesting