Ich habe eine Website, die die jquery datepicker-Sache verwendet (implementiert in der regulären VS2012 MVC4-Vorlage). Es sieht aus und funktioniert gut, wenn es auf localhost ausgeführt wird. Aber wenn ich Azure veröffentliche, fehlt etwas CSS. Die Chrome-Entwicklungstools zeigen 404 Fehler in zwei CSS-Dateien an:
Ich habe festgestellt, dass es in meinem Quellbaum keine solchen Dateien gibt - die beiden Dateien befinden sich vielmehr unter ~ / Content / themes / base (nicht direkt unter Content /). Ich wusste nicht, was ich daraus machen sollte, denn - wie ich schon sagte - das CSS funktioniert gut auf localhost.
Ich habe die Bündelkonfiguration nicht so geändert, wie sie in der Standardvorlage erstellt wurde. Oder vielmehr, ich tat es, aber nur um das Problem zu beheben - was nicht funktionierte. Ich habe den ursprünglichen Code in der Paketinitialisierung wiederhergestellt:
%Vor%Irgendwelche Ideen?
Das Problem ist die Einbeziehung von "~/Content/themes/base/jquery.ui.all.css" in dein erstes Bündel. Verschieben Sie diese Datei in das zweite Paket und es wird funktionieren.
Es funktioniert lokal, da lokal keine Bündelung stattfindet (vorausgesetzt, Sie befinden sich im Debug-Modus). Der @import in dieser Datei funktioniert, da er im richtigen Verzeichnis ( "/Content/themes/base/" ) sucht, da die Verknüpfung wie folgt dargestellt wird:
Wenn Sie dies bereitstellen, wird diese Datei in ~/Content/css gebündelt. Das Stylesheet ist gebündelt und wird nun wie folgt dargestellt:
Nun scheitern die beiden @ import-Anweisungen, da die zwei Dateien in diesem Verzeichnis nicht existieren.
Allerdings existieren sie in "~/Content/themes/base/" , weshalb es im 2. Bundle funktioniert, wenn alles im Release-Modus gebündelt wird.
Weitere Informationen dazu, wie Sie dieses Problem lokal replizieren können: Scripts.Render verwendet veraltete Javascript-Datei
Tags und Links azure css visual-studio-2012 bundling-and-minification jquery-ui-datepicker