JQuery не работает после обновления с рельсов '4.1.2' до Rails '8.0.1' ⇐ Jquery

[Anonymous]

Я не могу найти, в чем проблема с jquery, не работает над моим приложением,
даже простой логотип Hide/Show $ ("#logo") .hide () /$ ("#logo") .show () на консоле Chrome поднимает ошибку Uncautherror: $ (...). Show не является функцией.

Код: Выделить всё

gem 'jquery-rails'
gem 'turbo-rails'
gem 'jquery-ui-rails'

в приложении/представлениях/макеты/Application.html.erb Я изменил строки:

Код: Выделить всё

 true %>
 true %>
< /code>
to < /p>
 true %>

и в App/Assets/javascripts/application.js, у меня есть следующие строки:

Код: Выделить всё

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require underscore
//= require turbo
//= require_tree .

в приложении/Assets/config/manifest.js:

Код: Выделить всё

//= link_tree ../images
//= link_directory ../stylesheets .css
//= link_directory ../javascripts .js

< /code>
Обновление:
Мы установили карты импорта < /code> выполнение следующего: < /p>
# bin/bundle add importmap-rails
# bin/rails importmap:install
# bin/importmap pin react react-dom
# node --version
v18.19.1
# sudo apt install npm
# sudo npm install --global yarn
< /code>
Затем мы добавили это в раздел заголовка Application.html.erb: < /p>

и прокомментировал старый Javascript включить тег line
Однако мы все еще получаем ту же ошибку.In app/views/layouts/application.html.erb"
...

Numbe Accounting
true %>




...
< /code>
In app/javascript/application.js:

import "jquery"
import "jquery_ujs"
import "jquery-ui"
//import React from "react"
//import ReactDOM from "react-dom"
//
//= require jquery
//= require jquery_ujs
//= require jquery-ui
// require jquery-ui.tabs
// require jquery-ui.button
// require jquery-ui.datepicker
// require jquery-ui.accordion
//= require underscore
// require jquery.turbolinks
//= require turbo
//= require_tree .
< /code>
In config/initializers/assets.rb:

# Be sure to restart your server when you modify this file.

Rails.application.config.assets.version = '2.0'
# Rails.application.config.assets.precompile += %w( jquery.min.js jquery_ujs.js )

# Precompile additional assets.
# application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
# Rails.application.config.assets.precompile += %w( search.js )
< /code>
In app/assets/config/manifest.js:

//= link_tree ../images
//= link_directory ../stylesheets .css
//= link_directory ../javascripts .js
//= link_tree ../../javascript .js
//= link_tree ../../../vendor/javascript .js
//= link jquery.min.js
//= link jquery_ujs.js
< /code>
We get no errors in log/development.log, but certain aspects of the app clearly don't load. For example:


Should look like this:


What else could we be missing?

Подробнее здесь: https://stackoverflow.com/questions/794 ... ails-8-0-1