Rails 7 (7.0.2.3) ImportMap jQuery не определяется в виде ⇐ Jquery

[Anonymous]

Я оглядывался как можно больше помощи в отношении установки jQuery в Rails 7 (7.0.2.3). Я хочу использовать его в тегах сценариев в своих взглядах, но я не могу экспортировать его туда, где он доступен глобально, э -э ... в любом месте. Браво. После этого вся документация разваливается, и общий туман облакает этот новый способ использования JS -пакетов. Посмотрите, есть много путаницы.import jquery from "jquery"
window.jQuery = jquery;
window.$ = jquery;
< /code>
to application.js или везде, чтобы получить эти глобальные функции для работы, например, $. Я бы хотел, чтобы $ был доступен во всех моих взглядах. < /P>
Что касается того, что я сделал: < /p>
./bin/importmap pin jquery --download
< /code>
дает мне строку Importmap: < /p>
pin "jquery" # @3.6.0
< /code>
ОК. Затем, глядя на ImportMap JSON: < /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"
}
}
< /code>
ding. Появляется, это там. Тогда простой тег сценария в Application.html.erb: < /p>

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

< /code>
Fail. Инспектор говорит: < /p>
(index):41 Uncaught ReferenceError: $ is not defined
< /code>
Это действительно кажется настолько простым и полностью раздражает, что не имеет документации о некоторых из самых используемых библиотек с импортами, такими как jquery и bootstrap. Похоже, что должно быть некоторые скоординированные усилия, чтобы действительно объяснить изменение из WebPack, что само по себе было еще одним фиаско.>

Подробнее здесь: https://stackoverflow.com/questions/718 ... ed-in-view