Livré css ne s'affichant après déployer ... ASP.NET MVC4

Lors du déploiement de mon application MVC, l' .NET 4.5 cadre groupement des & minifying mon CSS. Cependant, la résultante de fichier est vide, donc le CSS règles ne sont pas appliquées. Dans Chrome, je reçois un Resource interpreted as Stylesheet but transferred with MIME type text/plain avertissement. Dans IE9, je reçois un CSS was ignored due to mime type mismatch avertissement.

C'est ce qui est dans mon BundleConfig

bundles.Add(
    new StyleBundle("~/Content/bootstrap").Include(
        "~/Content/bootstrap/bootstrap-responsive.css",
        "~/Content/bootstrap/bootstrap-editable.css",
        "~/Content/bootstrap/FileUpload.css"));

Voici ma Mise en page de la tête:

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=Edge" />
    <title>@ViewBag.Title</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <link href="@ViewBag.StyleUrl" rel="stylesheet" type="text/css" />
    @Styles.Render("~/Content/bootstrap")
    <script src="~/scripts/libs/modernizr/modernizr-2.5.3.js" type="text/javascript"></script>
</head>

Supplémentaires de la feuille de style est pour un chargement dynamique feuille de style basé sur la config dans notre outil d'administration.

Lorsque je l'exécute localement, ou si je l'ai mis debug="true", puis-je obtenir mes fichiers individuels & tout se passe comme il se doit. Si j'ai coder en dur dans ma Mise en page, ils affichent une amende. J'ai vérifié IIS & voir le bon type MIME pour les CSS (ce qui est logique étant donné que les valeurs codées en dur travail). J'ai également vérifié pour s'assurer que le "Contenu Statique" installation du service de rôle, comme je suis venu à travers dans mes recherches sur google.

Toutes les pensées?

Pouvez-vous montrer votre css inclure dans le code html?

OriginalL'auteur Scott Silvi | 2013-02-19

  1. 22

    Le nom du bundle est le même que le nom du dossier sur le système de fichiers,

    Changer votre faisceau de 

    bundles.Add(
new StyleBundle("~/Content/bootstrapBundle").Include(
    "~/Content/bootstrap/bootstrap-responsive.css",
    "~/Content/bootstrap/bootstrap-editable.css",
    "~/Content/bootstrap/FileUpload.css"));

    c'est à dire si le nom du bundle n'est PAS le nom d'un dossier ou d'un fichier

    Bonne prise, merci!
    Géniale!! Sauvé ma journée.
    J'ai fait ça, mais alors tous les css styles a foiré. À l'aide de modèle par défaut, par exemple, à la maison déroulant menús cessé de travailler, sur ne rien laisser tomber vers le bas.
    J'ai eu un problème similaire, mais dans mon cas, j'ai eu un point dans le nom de mon bundle (le faisceau a été nommé d'erreur.gestionnaire). Après la suppression de la dot de la nom de l'ensemble, il a travaillé comme un charme. J'espère que les nouvelles versions de ASP.NET MVC soutenir ce ou au moins de nous avertir à ce sujet.
    wow vous me sauver beaucoup de temps, j'ai la chance aujourd'hui de frapper à la bonne réponse en premier

    OriginalL'auteur stooboo

  2. 1

    Eu le même problème. Ma solution a été de le nom non valide de bundle (elle se composait de '_' ou '.'). Le nom doit être en texte brut:

    bundles.Add(
new StyleBundle("~/Content/bootstrap_Bundle").Include(
    "~/Content/bootstrap/bootstrap-responsive.css",
    "~/Content/bootstrap/bootstrap-editable.css",
    "~/Content/bootstrap/FileUpload.css"));

    dû être:

    bundles.Add(
new StyleBundle("~/Content/bootstrapBundle").Include(
    "~/Content/bootstrap/bootstrap-responsive.css",
    "~/Content/bootstrap/bootstrap-editable.css",
    "~/Content/bootstrap/FileUpload.css"));

    OriginalL'auteur DKo

  3. 0

    Si vous utilisez un produit comme le dot defender, il peut vous donner cette condition d'erreur, trop. Lorsque vous bundle, si le cache buster paramètre contient deux tirets, puis un produit comme le dot defender voit que comme une possible attaque par injection SQL et finit par interférer avec la demande/réponse.

    Un moyen de contourner ce problème (en supposant que vous ne pouvez pas activer le logiciel off) consiste tout simplement à ajouter quelque chose à votre fichier css, comme .dotdefenderbuster {}.

    J'ai besoin de vérifier pour voir si le regroupement de l'algorithme a été mis à jour pour influencer de contournement du cache de clé.

    Par exemple:
    http://www.foo.com/MyApp/Content/themes/MyApp/css?v=J9DBkvB7JWRo80eUukDOe3--6DAtA1

    OriginalL'auteur danmiser