ASP.NET MVC Web应用程序针对CSS和JS文件返回404（在调试模式下）

Question

我正在Visual Studio 2017中创建一个ASP.NET Web应用程序（.Net Framework）项目，并且选择了MVC模板，如下所示。

现在，在调试模式下运行该项目时，我发现Content所有css文件以及Scripts所有js文件均无法加载-我遇到了404错误。

为了摆脱这些错误，我需要

1. 设置BundleTable.EnableOptimizations = true; 在BundleConfig.cs ，或者
2. 在Web.config设置<compilation debug="false" ... />

但是，如果这样做，则实际上是在强制捆绑所有JS / CSS文件。 我想在调试模式下跳过此操作，并在视图内部将这些静态文件单独链接起来。

我的BundleConfig.cs文件如下所示

public class BundleConfig {

    public static void RegisterBundles(BundleCollection bundles) {

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

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include("~/Scripts/jquery.validate*"));

        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include("~/Scripts/modernizr-*"));

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include("~/Scripts/bootstrap.js"));

        bundles.Add(new StyleBundle("~/bundles/css").Include(
            "~/Content/bootstrap.css",
            "~/Content/Site.css"));

    }
}

在_Layout.cshtml ，我正在像这样访问样式表： @Styles.Render("~/bundles/css")

请帮助我获得此问题的解决方案。

Answer 1

您可以像这样使用预处理器指令 ：

#if !DEBUG

            BundleTable.EnableOptimizations = true;

#endif