Search code examples
twitter-bootstrapmaterial-designwebpack-2

"Waves is not defined" error while including material design bootstrap with webpack


I am using webpack to include mdbootstrap

This is how I am including it in my Project:

require('mdbootstrap/css/mdb.min.css');
require('mdbootstrap/js/mdb.min.js');    

I tried require('mdbootstrap') also, but in both the cases I am getting the following error:

vendor.js:71728 Uncaught ReferenceError: Waves is not defined
at Object.<anonymous> (vendor.js:71728)
at Object.<anonymous> (vendor.js:71729)
at __webpack_require__ (vendor.js:20)
at Object._require.modules (vendor.js:68202)
at __webpack_require__ (vendor.js:20)
at Object.defineProperty.value (vendor.js:68186)
at __webpack_require__ (vendor.js:20)
at Object.defineProperty.value (vendor.js:63)
at vendor.js:66

Using require('mdbootstrap/css/mdb.min.css'); alone works, but I need a js file too.


Solution

  • i worked with:

    cmd: npm install node-waves

    main.js File

    var waves = required('node-waves')
    window.Waves = waves