Webpack using bootstrap - jquery is not defined

Question

import $ from 'jquery'; require("./node_modules/bootstrap/dist/css/bootstrap.min.css") require("./node_modules/bootstrap/js/dropdown.js") import React from 'react'; import ReactDOM from 'react-dom'; var _ = require('lodash'); 

Please refer above my setting . Some reason I've got error saying "Uncaught ReferenceError: jQuery is not defined() from dropdown.js

I also included the following lines at webpack.config.js

   plugins: [     new webpack.NoErrorsPlugin({         $: "jquery",         jQuery: "jquery"     }) ] 

But, No luck - Still having jQuery undefined error. Any idea ? Can someone help this issue please?

Many thanks

Answer 1

please use webpack ProviderPlugin, use global is not a good idea.

// webpack.config.js module.exports = {     ...     plugins: [         new webpack.ProvidePlugin({            $: "jquery",            jQuery: "jquery"        })     ] };