Laravel mixが読み込まれた後、すべてのjqueryプラグインが破損する

Question

私はlaravel mixとnpmに全く新しいので、ここでは完全に紛失しています。私のようなjQueryのプラグインを使用してい

：私はlaravelエコーを必要とするので今https://github.com/noraesae/perfect-scrollbar

は、私がlaravelミックスを設置しました。この多分jqueryのが今ロードされていることを非同期とミックスされ、

は

Uncaught TypeError: $(...).perfectScrollbar is not a function 

わからない。： は仕事とアップランニング、それ以来jQueryのプラグインは、私が取得していますすべてが、ロードされていないことを手に入れました私が設定したもの/上書きする>を上書きしますか？どのように私は今、おそらくそれだけでなくので、laravelミックス負荷を含めることができ

npm install perfect-scrollbar 

私はそれがインストールされなかった、ということ

しかし： はしかし、私はおそらく経由でドキュメントをNPM経由でこのプラグインをインストールすることができます気づきましたか？私は方法を見つけることを試みることを最後の6時間過ごしたが、私はちょうどこれをする方法を理解できない。どんな助けでも大歓迎です！

Answer 1

[OK]を... ...あなたの問題があるが、ここであなたが確認することができますいくつかのことをここで私が手わからない

まず、ミックスを実行するのWebPACK ... wbpack.mix.js ...どのあなたはそれを変更しなかった場合は、このようなものが含まれます：

mix.js('resources/assets/js/app.js', 'public/js') 
    .sass('resources/assets/sass/app.scss', 'public/css'); 

さて、これは、我々がここに興味がある場合には... app.js.をWebPACKの実行し、リソースをコンパイルします。

完全なスクロールバーのドキュメントのように、あなたのライブラリ（完璧なスクロールバー）をapp.jsに含めましたか？インストール標準laravelのようにSASSを使用している場合

var Ps = require('perfect-scrollbar'); 

また... ...あなたのapp.scssでそれをインポートして...同様にそれのためのCSSの世話をする必要があります

@import "node_modules/perfect-scrollbar/src/css/main.scss" 

リビルドして、完璧なスクロールバーオブジェクトとしてPsを使用するといいですね。 window.Ps = require ...のようにウィンドウに追加することもできます。

npm installは、node_modulesディレクトリにパッケージをインストールするだけです。一度そこにコンパイルされたcssとjsアプリケーションファイルにインポートする必要があります。

これが役に立ちます。