/ / Wie kann ich eine externe JQuery-Datei in das Phoenix Framework laden? - javascript, jquery, phoenix-framework

Wie kann ich eine externe jquery-Datei in das Phoenix Framework laden? - javascript, jquery, phoenix-framework

Jetzt habe ich zwei externe jQuery-Dateien, paginate.js und custom.js. Und ich habe jQuery über npm install installiert. Ich habe versucht, diese beiden Dateien zu laden, indem ich app.js einige Codes hinzufügte.

import $ from "jquery"
import paginate from "./paginate";
import custom from "./custom";

aber in der Konsole, wenn ich oben Codes zu App hinzufügen.js, es löst Uncaught ReferenceError aus: jQuery ist nicht definiert. Ich bin sicher, dass ich jQuery erfolgreich installiert habe, da ich mit jQuery Code zum Testen schreiben kann. Warum heißt es, dass JQuery nicht definiert ist?

Danke im Voraus.

Antworten:

0 für die Antwort № 1

Also habe ich das Problem durch Hinzufügen von "jquery" in der Datei brunch-config.js behoben

npm: {
enabled: true,
// Whitelist the npm deps to be pulled in as front-end assets.
// All other deps in package.json will be excluded from the bundle.
whitelist: ["phoenix", "phoenix_html", "jquery"]

} };

Ich hatte keine "Abfrage" in der Whitelist. Nachdem ich es hinzugefügt habe, funktioniert mein jQuery!