Saltar al contenido

Los iconos de Bootstrap no se muestran en la aplicación ASP.NET MVC publicada

Enrique, parte de este gran staff, nos hizo el favor de redactar este artículo porque domina muy bien este tema.

Solución:

IIS no sabe cómo manejar (servir) esos archivos (MIME).

Agregue esto a su nodo system.webServer en el archivo web.config y estará listo:

    
      
      
      

–Editado, vea el comentario de Ryans y el mío a continuación: Aún mejor, para estar seguro, elimine y agregue el mapeo de tipo mimo:

    
    
    
    
    
    

Si está agrupando sus scripts y CSS, es posible que no se encuentren activos como imágenes.

En su archivo BundleConfig.cs, cree su paquete con CssRewriteUrlTransform:

bundles.Add(new StyleBundle("~/Content/css/bootstrap").Include("~/Content/bootstrap.min.css", new CssRewriteUrlTransform()));

Incluir en _Layout.cshtml:

@Styles.Render("~/Content/css/bootstrap")

Todo debería estar bien. Y sí, ver lo que sucede en la red para ver qué URL está generando los 404 ayudará.

EDITAR: Asegúrese de estar utilizando Microsoft.AspNet.Web.Optimization v1.1.0. La versión 1.1.3 confirmada también provoca este error.

Intente deshabilitar las optimizaciones de paquetes, lo que sucede es que la ruta a la hoja de estilo CSS empaquetada entra en conflicto con las imágenes a las que se hace referencia. Por ejemplo. Es posible que tenga un archivo css /Content/css/style.css => en un paquete “~/Content/css” en el que se especifica una imagen como tal

    .someclass  background-image:url(img/someimg.png) 

Esto resolvería la imagen en /Content/css/img/someimg.png

Ahora implementa la compilación de lanzamiento y el archivo css ahora se procesa en una URL de paquete como /Content/css Ahora la URL de la imagen se resuelve en /Content/img/someimg.png

Puede cambiar este comportamiento en App_StartBundleConfig.cs

    System.Web.Optimization.BundleTable.EnableOptimizations = false;

Aquí puedes ver las reseñas y valoraciones de los usuarios

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *