2017-03-14 32 views
0

私はlaravel mix(webpack)を使ってプロジェクトをコンパイルします。滑らかなカルーセルプラグインを追加しようとしましたが、エラーが発生します:Uncaught TypeError: $(...).slick is not a function 私はnode_modulesディレクトリから公開ディレクトリにコピーするwebpack.mix.jsファイルに.copy()メソッドを使用します。(ブラウザインスペクタで)Laravel Mix + Slick Carousel

.copy('node_modules/jquery/dist/jquery.min.js', 'public/js') 
.copy('node_modules/slick-carousel/slick/slick.min.js', 'public/js') 
.copy('node_modules/slick-carousel/slick/slick.css', 'public/css') 
.copy('node_modules/slick-carousel/slick/slick-theme.css', 'public/css') 

すべてのファイルが正常に適切な公開ディレクトリに登場し、これらのファイルがソース]タブで見られています。

滑らかなスタイルをプラグインした後、jquery(いくつかのバージョンを試しました)、次にhickヘッドでslick.jsを実行しました。私もcdnのURLを使用しました。 laravel mixなしで同じことをすると、すごくいいです。

これは機能しません、何が間違っているのか理解できません。助けてください!

答えて

0

次のように変更してみてくださいを与える:

.copy('node_modules/jquery/dist/jquery.min.js', 'public/assets/js') 
.copy('node_modules/slick-carousel/slick/slick.min.js', 'public/assets/js') 
.copy('node_modules/slick-carousel/slick/slick.css', 'public/assets/css') 
.copy('node_modules/slick-carousel/slick/slick-theme.css', 'public/assets/css') 

参考:https://new.laravel.su/docs/5.4/mix

関連する問題