Bootstrap 4 Beta importing Popper.js with Webpack 3.x throws Popper is not a constructor
While browsingBootstrap 4 documentation. I actually found a section aboutWebpackwhich explains how to install it correctly. Following theBootstrap - installing with Webpackdocumentation, the answer is to simply modify thewebpack.config.jswith the following:
plugins: [
// ...
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
Popper: ['popper.js', 'default’]
// In case you imported plugins individually, you must also require them here:
Util: "exports-loader?Util!bootstrap/js/dist/util",
Dropdown: "exports-loader?Dropdown!bootstrap/js/dist/dropdown",
})
// ...
]
and let's not forget toimportit in themain.js
import 'bootstrap';
