2017-03-06 4 views
2

Ich bin bereits vertraut mit Laravel 5.1 Mix (Elixier), und vor kurzem habe ich beschlossen, Laravel 5.4 Mix zu testen.Fügen Sie jQuery auf Laravel 5.4 mischen

Ich habe meine Bibliotheken auf Vendors-Dateien gemischt.

mix 
.styles([ 
    './node_modules/bootstrap/dist/css/bootstrap.css', 
    './node_modules/font-awesome/css/font-awesome.css' 
], 'public/css/vendor.css') 
.js([ 
    './node_modules/jquery/dist/jquery.js', 
    './node_modules/bootstrap/dist/js/bootstrap.js', 
], 'public/js/vendor.js') 
.disableNotifications() 
.version(); 

Und Anbieter auf meiner Seite enthalten.

Aber wenn ich jQuery verwenden möchte, habe ich diesen Fehler auf Bild unten. Vorher, im Laravel 5.1 habe ich genau das gemacht.

enter image description here

Was muss ich tun?

Antwort

5

Gerade uncomment diese Zeile hinzufügen:

window.$ = window.jQuery = require('jquery'); 

Und stellen Sie sicher, dass die Bootstrap-Datei in Ihrem assets/js/app.js verlangen wie folgt:

require('./bootstrap'); 
+0

Danke! Es funktioniert jetzt –

1
mix.autoload({ 'jquery': ['window.$', 'window.jQuery'] }) 

Ich hatte das meinen webpack.mix.js in Ihrer assets/js/bootstrap.js Datei

+0

Ich habe versucht, dies zu tun, hat aber nicht für mich gearbeitet. –

+0

Damit es funktioniert, müssen Ihre Ressourcen/assets/js/bootstrap.js benötigt werden. und die folgende Zeile muss darin enthalten sein. 'Fenster. $ = Fenster.jQuery = erfordern (' jquery ');' – pat64j