Lista desplegable de Twitter Bootstrap roto después de precompilar los activos

Question

Después de dropdown deja de responder en el entorno de desarrollo. No ocurre nada al hacer clic en el botón. Sin embargo, eliminar todo de public/assets comienza a funcionar. También funciona perfectamente en modo de producción (rails s -e production)

La aplicación usa twitter bootstrap y active admin. Parece que algo está recibiendo conflicted.

Nota aquí funciona bien en la estadificación de Heroku

Aquí es un broche de presión de html generado

<li id="organization-selector" class="dropdown"> 
    <a href="/" data-toggle="dropdown" data-target="#organization-selector" class="dropdown-toggle"> 
     RedKivi 
     <b class="caret"></b> 
    </a> 
    <ul class="dropdown-menu"> 
     <li> 
     <a href="/organizations/1">RedKivi</a> 
     </li> 
     <li> 
     <a href="/organizations/2">BoTree</a> 
     </li>     
     <li class="divider"></li> 
     <li> 
     <a href="/organizations/new">New organization</a> 
     </li> 
    </ul> 
</li> 

app/activos/hojas de estilo/application.css.scss

... 
.... 
*= require_self 
*= require jquery.ui.slider 
*= require_tree . 

aplicación/assets/javascripts/application.js

//= require jquery 
//= require jquery_ujs 
//= require jquery.ui.slider 
//= require bootstrap 
//= require_tree . 

¿Cuáles son las prácticas para precompilar los activos?

Answer 1

Como me consta que normalmente no es necesario precompilar los activos localmente. Generalmente se realiza en etapas y producción.

Actualmente en escena en Heroku, estamos obteniendo ActionView::Template::Error (active_admin.css isn't precompiled)error. Así que precompilamos los activos localmente, los enviamos a repositorio remoto antes de implementarlo en Heroku para solucionarlo. Esta fue la solución y la causa del problema.

La solución se da this link. Lo hemos seguido y ahora ya no necesitamos precompilar los activos localmente y mantener el repositorio.

Answer 2

Simplemente limpiar la carpeta de activos:

rake assets:clean:all 

---

¿Por qué sucede esto?

El menú desplegable de Bootstrap rompe en el desarrollo solo porque sus activos se están cargando dos veces. Una vez en el formulario "precompilado" y el segundo debido a su entorno de desarrollo. Esto causa un conflicto y el menú desplegable ya no funciona.

Por eso funciona normalmente en Heroku/Production, porque solo se cargan los recursos precompilados.