Error: Bootstrap's JavaScript requires jQuery, using Webpack

javascript jquery twitter-bootstrap webpack isparta

I finally got rid of the error just by adding a new entry in the ProvidePlugin:

 jQuery:"jquery"

so finally the plugin looks like this:

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

I leave it here in case someone else faces the same problem.

javascript jquery twitter-bootstrap webpack isparta

Using Create React App you can import like this:

import 'jquery/src/jquery';import '../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min';

note: This is for jQuery 3.*

javascript jquery twitter-bootstrap webpack isparta

You can also add the Expose Loader package:

npm install expose-loader --save-dev

And use in your webpack entry point (ie. main.js) like this:

import 'expose?$!expose?jQuery!jquery'// ...

CodeHunter