403捆绑CSS时出错

Question

我的单页应用上有以下错误:

http://screencast.com/t/sEYhyowXTqxR

因此页面看起来很丑陋.

我的bundleconfig.cs我没有修改它:

 public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.IgnoreList.Clear();
            AddDefaultIgnorePatterns(bundles.IgnoreList);

            bundles.Add(
                new ScriptBundle("~/scripts/modernizr")
                    .Include("~/scripts/modernizr-{version}.js"));

            bundles.Add(
              new ScriptBundle("~/scripts/vendor")
                .Include("~/scripts/jquery-{version}.min.js")
                .Include("~/scripts/bootstrap.min.js")
              );

            bundles.Add(
             new StyleBundle("~/Content/css")
                .Include("~/Content/ie10mobile.css") // Must be first. IE10 mobile viewport fix
                .Include("~/Content/bootstrap.min.css")
                .Include("~/Content/bootstrap-responsive.min.css")
                .Include("~/Content/font-awesome.min.css")
                .Include("~/Content/styles.css")
             );
        }

和我的VS :(一切看起来都很好)

http://screencast.com/t/TQFAPCEsV

更新:

这发生在我在web.config上将调试模式更改为false时,当调试模式为true时,网页呈现正常并且网络选项卡上没有显示错误

Answer 1

试试这个

捆绑和缩小只发生在 debug=false

http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

确保你已经注册了捆绑包 Global.asax.

protected void Application_Start()
        {
            AreaRegistration.RegisterAllAreas();
            FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
            RouteConfig.RegisterRoutes(RouteTable.Routes);
            BundleConfig.RegisterBundles(BundleTable.Bundles);

        }

确保您拥有所有必需的dll引用.

System.Web.Optimization.dll

WebGrease.dll

Antlr3.Runtime.dll

并且所有css文件都应该在指定的有效文件夹中.

UPDATE

确保bundle的虚拟路径(StyleBundle构造函数的参数)与文件系统中的文件夹不匹配