Import jquery in ES6

Question

Im gleichen jsx Datei habe ich die nächsten Erklärungen:

import {jQuery} from '../../node_modules/jquery/dist/jquery.js'; 
import '../../node_modules/jquery/dist/jquery.min.js'; 
import '../../node_modules/bootstrap/dist/js/bootstrap.min.js'; 

jedoch erhalte ich die Fehlermeldung:

someModuleBundle.js:94625 Uncaught Error: Bootstrap's JavaScript requires jQuery 

irgendwelche Ideen warum?

ich verwende webpack

Answer 1

Sie haben global jquery so seine Verfügung Shim. Versuche dies.

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

Link zur Verwendung derselben https://webpack.js.org/guides/shimming/#components/sidebar/sidebar.jsx