Wie verwende ich JQuery in Laravel (NPM)

Ich bin neu in der Web-Entwicklung und ich arbeite mit dem Larven-Framework. Ich benutze npm für den Umgang mit Paketen. Aber jetzt habe ich ein Problem, JQuery zu implementieren. Bootstrap ist Larven umgesetzt und es funktioniertWie verwende ich JQuery in Laravel (NPM)

<link rel="stylesheet" href="/css/app.css">

In meinen Larven in dem package.json

"devDependencies": { 
    "axios": "^0.15.3", 
    "bootstrap-sass": "^3.3.7", 
    "cross-env": "^3.2.3", 
    "jquery": "^3.1.1", 
    "laravel-mix": "0.*", 
    "lodash": "^4.17.4", 
    "vue": "^2.1.10", 
    "webpack": "2.2.1" 
    }

bedeutet das, dass Jquery ist bereits in meinem Projekt? Aber wie sieht der Link wie oben aus Bootstrap für jquery aus. Für Bootstrap muss ich neuen Code kompilieren (npm run dev) muss ich das gleiche für Jquery machen?

Quelle

2017-07-29 HansMuff

Sie Befehl haben auszuführen erfordert 'NPM laufen dev' oder' npm laufen production'. Überprüfen Sie die ganze [diese Seite] (https://laravel.com/docs/5.4/mix#running-mix). Wenn Sie diesen Befehl ausführen, wird Laravels Mix jQuery in 'app.js' enthalten. – Tpojka

JQuery ist bereits in Ihrem Projekt installiert. Um es zu verwenden, platzieren Sie die Referenz in Ihrer Ansicht.

<script src="{{ mix('js/app.js') }}"></script>

und laufen npm run dev

Quelle

2017-07-30 00:48:16 prola

Stellen Sie sicher, Ihre resources/assets/js/bootstrap.js bekam jQuery importiert:

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

Dann können Sie jQuery in Ihrem Projekt verwenden.

Quelle

2017-07-30 04:03:25 Ikbel

Alle eingereichten Antworten sind korrekt, aber ich möchte hinzufügen, dass Sie Referenz für Ihre js/app.js als das ist, wo Ihre javascript und jquery-Datei ist und Sie es brauchen, damit es funktioniert. Noch wichtiger ist, müssen Sie es in allen Ansichten zu schreiben, die spesific Javascript/Jquery Funktion

<script src="{{ asset('js/app.js') }}"></script>

Quelle

2018-03-10 08:22:02 Jayakusuma

Wie verwende ich JQuery in Laravel (NPM)

Antwort

Verwandte Themen