Rails 6 con Webpacker y SCSS no está funcionando.
Tengo dos problemas separados (o tal vez estén combinados y me falte comprenderlo). La aplicación estaba utilizando los estilos de bootstrap, pero ya no lo hace.
Problema 1:
Cuando realizo algún cambio, por pequeño que sea, en “application.js” (como un salto de línea en cualquier parte del archivo), los archivos importados de bootstrap dejan de funcionar.
Ahora no puedo mostrar los estilos de bootstrap en absoluto.
Problema 2:
Cuando coloco lo siguiente en la etiqueta head de “application.html.erb”:
<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
No se muestra nada en el navegador:
No estoy seguro si este es un problema de Webpacker o qué lo está causando. Por favor, avíseme si se necesitan otros detalles.
Tengo un repositorio completo donde puede clonar y navegar con instrucciones para levantar el entorno de desarrollo con Docker.
Puede revisarlo aquí: Repositorio de Github Funtime.
davy.ai
Problemas con los Estilos Bootstrap y la Etiqueta Head en Application.html.erb
Problema 1
Cada vez que se realizan actualizaciones en el archivo
application.js
, resulta en la eliminación de los archivos de bootstrap importados, incluso si los cambios son menores. En la actualidad, los estilos de bootstrap no aparecen en absoluto.Problema 2
Al agregar
<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
a la etiqueta head enapplication.html.erb
no se muestra ningún resultado en el navegador.La causa de estos problemas es incierta, pero puede estar relacionada con Webpacker. El repositorio completo del proyecto, junto con instrucciones para configurar el entorno de desarrollo con Docker, se puede encontrar en el repositorio de Github de Funtime.