Soy nuevo en Rails y estoy haciendo un clon de Instagram para practicar. Para los mensajes flash, estoy usando la gema toastr-rails y el código de javascript donde sea necesario. Pero mi aplicación no reconoce las etiquetas de script de javascript y el código no se está ejecutando. En la etiqueta del script, las etiquetas Ruby incrustadas son de color blanco y muestran que no se reconoce el código. aquí está mi código de archivo application.html.erb app/views/layouts/application.html.erb
<!DOCTYPE html> <html> <head> <title>Instagram</title> <meta name="viewport" content="width=device-width,initial-scale=1"> <%= csrf_meta_tags %> <%= csp_meta_tag %> <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %> <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> <script src="https://kit.fontawesome.com/5238639648.js" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <%= render 'shared/navbar' if current_user %> <div class="container"> <%= yield %> </div> <% if flash.any? %> <script type="text/javascript"> <% flash.each do |key, value| %> <% type = key.to_s.gsub('alert', 'error').gsub('notice', 'success') %> toastr.<%= type %>('<%= value %>') <% end %> </script> <% end %> </body> </html> Al instalar webpacker y agregar gem webpacker en mi aplicación, tampoco sucedió nada en mi carpeta de javascript, como que no se generó ninguna carpeta con el nombre de packs y lo hice manualmente, pero aún así, mi aplicación no reconocerá javascript y archivos con extensión js.erb
Dado que está utilizando Rails 7, que eliminó el webpacker como un paquete para JavaScript.
Tienes que seguir el paso manual para instalar webpacker. Este artículo tiene una guía de configuración para webpacker https://www.bootrails.com/blog/rails-webpacker-full-setup/