web-dev-qa-db-ja.com

ミニファイのデバッグ方法が失敗しました。縮小されていないコンテンツを返す

Asp.net MVC 4バンドラーを使用して、Cssファイルをバンドルおよび縮小しています。

YSlowはこのエラーを下に表示しています

 /* 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 ':'
     */

これは私のバンドルコードです、

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

ここで、どのcssファイルが問題の原因であるかをどのようにして見つけますか？問題の原因となっている行を見つけるためにデバッグするにはどうすればよいですか？ site.cssは、私が書いた唯一のcssファイルです。

asp.net-mvcbundling-and-minification
26
user636525

誰かがまだこのような問題に対処している場合。

上記の例では、（1442,26）1442は行番号、26は文字オフセットです。ただし、これを正確に行うには、このエラーが示されているコメント全体を削除する必要があります。

 /* 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 ':'
     */
34
Carlos Martinez T

次の2つの原因が考えられます。

  • バンドルする前に検証する必要がある無効なCSSファイル。これが W3C CSS検証サービス であり、この目的を満たします。
  • また、Microsoftオプティマイザーが縮小プロセスのターゲットリソースのコンテンツを読み取ることを考慮します。そのため、JavaScriptファイルで_@ sourceMappingURL=jquery.min.map_やスタイルシートファイルで_@charset "UTF-8";_などの特別なフレーズを使用すると、縮小は再び失敗します。したがって、それらを削除するかコメント化してみてください。

注デフォルトでは、バンドルプロセスはcssまたはjsで画像リソースの相対パスを構築できませんファイル。

相対画像パスソリューション：

次のように、バンドルパスと同じパスを使用できます。

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

バンドルを構成するソースファイルと同じパスにバンドルを定義する場合、画像リソースの相対パスは引き続き機能します（つまり、_/bundle_は任意の名前にすることができます）。

または、次のように2番目のパラメータとしてnew CssRewriteUrlTransform()を使用します。

_bundles.Add(new StyleBundle("~/Content/css/bundle")
    .Include("~/Content/css/*.css", new CssRewriteUrlTransform()));
_
2
Amirhossein Mehrvarzi

フィルター：アルファ（不透明度：0）;問題を引き起こしていた行でした。この行を削除した後、CSSファイルを問題なく縮小できました。

1
user636525