asp.net-mvc - mvc - tag helper asp net core 2

cómo depurar Minification falló. Devolviendo contenidos no minados.

Question

Estoy usando el paquete Asp.net MVC 4 para agrupar y minimizar mis archivos Css.

YSlow está mostrando este error a continuación

 /* Minification failed. Returning unminified contents.
    (1442,26): run-time error CSS1019: Unexpected token, found '':''
    (1442,26): run-time error CSS1042: Expected function, found '':''
    (1442,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '':''
     */

Este es mi código de paquete,

    bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/site.css",
        "~/Content/fullcalendar.css",
        "~/Content/jquery.dropdown.css",
        "~/Content/jquery.tagit.css",
        "~/Content/tipsy.css"
        ));

Ahora, ¿cómo puedo saber qué archivo css está causando el problema? ¿Cómo puedo depurar para encontrar la línea que está causando el problema? site.css es el único archivo css que escribí.

Answer 1

Aquí hay dos causas posibles:

• Los archivos CSS no válidos que deben validarse antes de agruparse. Aquí está el servicio de validación CSS del W3C para cumplir con este propósito.
• También teniendo en cuenta que Microsoft Optimizer lee el contenido de los recursos de destino para el proceso de minificación, por lo tanto, utilizando algunas frases especiales como @ sourceMappingURL=jquery.min.map en un archivo JavaScript o @charset "UTF-8"; en un archivo styleSheet, la minificación volverá a fallar. Así que trata de eliminarlos o comentarlos.

Tenga en cuenta que, de forma predeterminada, el proceso de agrupación no puede crear una ruta relativa de recursos de imagen en archivos css o js.

Solución de ruta de imagen relativa:

Puede utilizar la misma ruta que la ruta de agrupamiento como:

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
       .Include("~/Content/css/jquery-ui/*.css"));

Cuando defina el paquete en la misma ruta que los archivos de origen que formaron el paquete, la ruta relativa de los recursos de imagen seguirá funcionando (es decir, /bundle puede tener el nombre que desee).

O usando el new CssRewriteUrlTransform() como segundo parámetro como:

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

Answer 2

En caso de que alguien todavía esté lidiando con problemas como este.

En el ejemplo anterior: (1442,26) 1442 es el número de línea y 26 es el desplazamiento de caracteres. SIN EMBARGO, para que esto sea exacto, necesita eliminar todo el comentario donde se indica este error:

 /* Minification failed. Returning unminified contents.
    (1442,26): run-time error CSS1019: Unexpected token, found '':''
    (1442,26): run-time error CSS1042: Expected function, found '':''
    (1442,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '':''
     */

Answer 3

filtro: alfa (opacidad: 0); Fue la línea que estaba causando el problema. Después de eliminar esta línea, pude minimizar el archivo css sin ningún problema,