私はこれは私が私のプロジェクトでそれを含めています方法です<a href="https://mdbootstrap.com/" rel="nofollow noreferrer">mdbootstrap</a></p> <p>含まれるようにWebPACKのを使用していますWebPACKの

Question

と材料設計のブートストラップなどの中にエラーを「波が定義されていません」：

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

私もrequire('mdbootstrap')を試してみましたrequire('mdbootstrap/css/mdb.min.css');一人で作品を使用して

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 

が、私はJSファイルが必要になりますが、私は次のエラーを取得しています例の両方であまりにも。

Answer 1

私が働い：

CMD：npm install node-waves

main.js

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

Answer 2

ファイル私はまた、この問題に遭遇し、私はmdb.jsファイルにWaves.jsのコードを見つけます、ノード波をインストールする必要はありません。 私はgoogleのソリューションは、これは私のための作業であるmdb.js

Waves.attach(‘.btn, .btn-floating’, [‘waves-light’]); 
 
Waves.attach(‘.waves-light’, [‘waves-light’]); 
 
Waves.attach(‘.navbar-nav a:not(.navbar-brand), .nav-icons li a, .navbar form, .nav-tabs .nav-item’, [‘waves-light’]); 
 
Waves.attach(‘.pager li a’, [‘waves-light’]); 
 
Waves.attach(‘.pagination .page-item .page-link’, [‘waves-effect’]); 
 
Waves.init();/* FORMS */

でこれらのコードをコメントです。私のmdbバージョンは4.3.2です。

Answer 3

あなたはVueのを使用している場合には、これは私のために働いたソリューションです：

は、ノード波にをインストールします。

npm install node-waves --save 

はWebPACKの両方で（WebPACKのでそれを宣言する.dev.conf.jsおよびwebpack.prod.conf.js）：

new webpack.ProvidePlugin({ 
    'Waves': 'node-waves' 
}),