Creé un nuevo proyecto Rails 7 rails new my_project y tengo un problema para incluir mi archivo JS personalizado para que Rails lo procese.
mi "javascript/aplicación.js"
import "@hotwired/turbo-rails" import "controllers" import "chartkick" import "Chart.bundle" import "custom/uni_toggle"mi archivo JS personalizado: "javascript/custom/uni_toggle.js"
function uniToggleShow() { document.querySelectorAll(".uni-toggle").forEach(e => e.classList.remove("hidden")) } function uniToggleHide() { console.log("uni toggle hide") document.querySelectorAll(".uni-toggle").forEach(e => e.classList.add("hidden")) } window.uniToggleShow = uniToggleShow window.uniToggleHide = uniToggleHide Estoy usando en mi diseño <%= javascript_importmap_tags %>
y mi "confing/importmap.rb"
pin "application", preload: true pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true pin_all_from "app/javascript/controllers", under: "controllers"También estaba teniendo problemas para agregar archivos JS personalizados en mi aplicación Rails 7. Incluso seguí el video de DHH --> https://www.youtube.com/watch?v=PtxZvFnL2i0 pero aún tenía dificultades. Los siguientes pasos funcionaron para mí: