Issue using bootstrap-3-typeahead in webpack

[dalanmiller]

Currently have bootstrap-3-typeahead and jquery installed via npm:

npm i --save bootstrap bootstrap-3-typeahead jquery

Then import bootstrap-3-typeahead` in my main.js file:

import 'bootstrap';
import 'bootstrap/js/tooltip';
import 'bootstrap-3-typeahead';

Then in my webpack.config.js I have the following as bootstrap js requires jquery:

new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      jquery: 'jquery',
    }),

However, I still get the following when trying to load my application:

bootstrap3-typeahead.js:29 Uncaught Error: Cannot find module 'jquery'
    at webpackMissingModule (bootstrap3-typeahead.js:29)
    ...

https://github.com/bassjobsen/Bootstrap-3-Typeahead/blob/master/bootstrap3-typeahead.js#L29

Am I missing something here?

[ajoslin103]

even with all that I still had to import jquery --after-- importing the plugin

// ref: https://github.com/bassjobsen/Bootstrap-3-Typeahead/
import 'bootstrap-3-typeahead';
import * as $ from 'jquery';