Rails 7 (7.0.2.3) Importmap jQuery ist nicht in Ansicht definiert ⇐ Jquery

[Anonymous]

Ich habe mich nach so viel Hilfe wie möglich in Bezug auf die Installation von JQuery in Rails 7 (7.0.2.3) umgesehen. Ich möchte es in Skript -Tags in meinen Ansichten verwenden, aber ich kann es nicht so exportieren, wo es weltweit verfügbar ist, oder irgendwohin. < /P>

Code: Select all

importmaps

ist leicht zu manipulieren, was die Installation und Mapping -Pakete angeht, aber danach ist die Dokumentation unklar.

Code: Select all

import jquery from "jquery"
window.jQuery = jquery;
window.$ = jquery;

zu Application.js, um globale Funktionen wie $ zu erwerben, um zu arbeiten, da ich gerne $ in allen meinen Ansichten verfügbar sein soll.
Wie für das, was ich getan habe:

Code: Select all

./bin/importmap pin jquery --download
< /code>
Gibt mir die Importmap -Zeile: < /p>
pin "jquery" # @3.6.0
< /code>
Sehen Sie sich dann die Importmap JSON an: < /p>
{
"imports": {
"application": "/assets/application-37a24e4747cc3cde854cbbd628efbdf8f909f7b031a9ec5d22c5052b06207eb8.js",
"@hotwired/turbo-rails": "/assets/turbo.min-96cbf52c71021ba210235aaeec4720012d2c1df7d2dab3770cfa49eea3bb09da.js",
"@hotwired/stimulus": "/assets/stimulus.min-900648768bd96f3faeba359cf33c1bd01ca424ca4d2d05f36a5d8345112ae93c.js",
"@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc59770fb1654500044afd3f5f6d7d00800e5be36746d55b94a2963a7a228aa.js",
"jquery": "/assets/jquery-498b35766beec7b412bab57a5acbe41761daa65aa7090857db4e973fa88a5623.js",
"controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js",
"controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js",
"controllers": "/assets/controllers/index-7a8fc081f7e391bd7b6fba95a75e36f88ba813da2c4c8787adad248afb9a0a06.js"
}
}

Es wird angezeigt.

Code: Select all

$(document).ready(function (){
console.log('jQuery working.');
})

< /code>
fällt mit dem Fehler fehl: < /p>
(index):41 Uncaught ReferenceError: $ is not defined

Dies scheint wirklich grundlegend zu sein, aber Dokumente sind für diese Dinge sehr spärlich.>