Perdón por la falta de formato, soy nuevo aquí. Recientemente comencé a cambiar de jQuery a React en mi aplicación. Eliminé todo el pequeño código js, instalé turborails e importmap, planeando usar una combinación de html y rails para mis páginas. Logré que la aplicación funcionara localmente y todo eso, pero en la compilación de heroku, application.js no importa las dependencias y muestra:

 uncaught syntaxerror: import declarations may only appear at top level of a module

cuando reviso la consola en las herramientas de desarrollo, en este

Estoy usando importmap e incluyo app.js a través de javascript_include_tag Así es como se ve mi application.jss. El error apunta a la línea cableada

 import "@hotwired/turbo-rails" import "./components/seconds.jsx"

¿Cómo puedo hacer que funcione en heroku?

EDITAR: a través de un poco de prueba y error desordenado, descubrí una solución. Entonces, ¿parece que los navegadores no admiten la importación sin ser módulos? Así que mi solución fue compilar application.js y reemplazar mi application.js anterior con la versión compilada. Funciona tanto localmente como en heroku, aunque una molestia menor es que tendré que compilar npm cada vez que modifique algo en mi javascript y necesite presionarlo, pero es factible.