Laravel Mix + Slick Karussell

Question

Ich benutze Laravel Mix (Webpack) um mein Projekt zu kompilieren. Versuchen, Slick Karussell-Plugin hinzuzufügen, aber einen Fehler erhalten: Uncaught TypeError: $(...).slick is not a function. Ich benutze .copy() Methode in webpack.mix.js Datei aus node_modules Verzeichnis öffentlichem Verzeichnis zu kopieren:

.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') 

Alle Dateien in der richtigen öffentlichen Verzeichnissen erfolgreich erschienen und diese Dateien werden in Quellen Registerkarte (im Browser-Inspektoren) gesehen.

Nachdem ich slick Stile, dann jquery (versuchte mehrere Versionen), dann slick.js in HTML-Kopf. Ich habe sogar cdn URLs benutzt. Es ist alles ok mit Slick, wenn ich das gleiche ohne Laravel Mix mache.

Es funktioniert nicht, ich kann nicht verstehen, was los ist. Bitte helfen Sie!

Answer 1

Probieren Sie wie folgt zu ändern:

.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') 

Referenz: https://new.laravel.su/docs/5.4/mix