8

我有一个使用 jquery datepicker 的网站（在常规 VS2012 MVC4 模板中实现）。在 localhost 上运行时，它看起来和工作正常。但是当我发布（到 Azure）时，缺少一些 css。Chrome 开发工具在两个 css 文件上显示 404 错误：

http://cyclelog.azurewebsites.net/Content/jquery.ui.base.css http://cyclelog.azurewebsites.net/Content/jquery.ui.theme.css

我注意到我的源代码树中没有这样的文件——这两个文件在 ~/Content/themes/base 下（不是直接在 Content/ 下）。我不知道该怎么做，因为——就像我说的——css 在 localhost 上运行良好。

我没有修改默认模板中创建的捆绑配置。或者，更确切地说，我这样做了，但只是为了解决问题——这没有用。我在捆绑初始化中恢复了原始代码：

bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/site.css",                
            "~/Content/themes/base/jquery.ui.all.css"));

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
    "~/Content/themes/base/jquery.ui.core.css",                        
    "~/Content/themes/base/jquery.ui.resizable.css",
    "~/Content/themes/base/jquery.ui.selectable.css",
    "~/Content/themes/base/jquery.ui.accordion.css",
    "~/Content/themes/base/jquery.ui.autocomplete.css",                        
    "~/Content/themes/base/jquery.ui.button.css",
    "~/Content/themes/base/jquery.ui.dialog.css",
    "~/Content/themes/base/jquery.ui.slider.css",
    "~/Content/themes/base/jquery.ui.tabs.css",
    "~/Content/themes/base/jquery.ui.datepicker.css",
    "~/Content/themes/base/jquery.ui.progressbar.css",
    "~/Content/themes/base/jquery.ui.theme.css"));

有任何想法吗？

4

1 回答 1

14

问题是包含"~/Content/themes/base/jquery.ui.all.css"在您的第一个捆绑包中。将该文件移动到第二个捆绑包中，它将起作用。

它在本地工作，因为在本地不会发生捆绑（假设您处于调试模式）。该文件中的 @import 有效，因为它正在查找正确的目录 ( "/Content/themes/base/")，因为链接呈现为：

<link href="/Content/themes/base/jquery.ui.all.css" rel="stylesheet"/>

部署此文件时，该文件将捆绑到~/Content/css. 样式表已捆绑，现在呈现为：

<link href="/Content/css?v=IqLBj6MTQkC-CU1" rel="stylesheet"/>

所以现在两个 @import 语句失败了，因为该目录中不存在这两个文件。

但是，它们确实存在，"~/Content/themes/base/"这就是为什么它将在第二个捆绑包中工作，当所有东西都以发布模式捆绑时。

更多阅读有关如何在本地复制此问题的信息：Scripts.Render using outdated javascript file

于 2013-01-30T02:08:04.830 回答