捆綁腳本/ css未被識別

我對捆綁和縮小非常新，我嘗試在我的MVC項目中首次實現它。捆綁腳本/ css未被識別

我添加了一個BundleConfig.cs文件：

public class BundleConfig 
{ 
    public static void RegisterBundles(BundleCollection bundles) 
    { 
     //libs scripts 
     bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
     "~/Scripts/libs/jquery/jquery-{version}.js", 
     "~/Scripts/libs/jquery/jquery-ui-{version}.js", 
     "~/Scripts/libs/jquery/jquery.mask*", 
     "~/Scripts/libs/jquery/jquery.validate*")); 

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

     //site scripts 
     bundles.Add(new ScriptBundle("~/bundles/site").Include(
        "~/Scripts/site/*.js")); 

     bundles.Add(new StyleBundle("~/Content/site/").Include("~/Content/site/*.css")); 
    } 
}

而且添加在Global.asax中：

BundleConfig.RegisterBundles(BundleTable.Bundles);

然後我提供的腳本/ CSS在我的佈局頁：

<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title</title> 
    @Styles.Render("~/Content/site/Fonts.css") 
    @Styles.Render("~/Content/site/Site.css") 
    @RenderSection("styles", required: false) 

    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/ko") 
    @Scripts.Render("~/bundles/site") 
    @RenderSection("scripts", required: false) 
</head>

但是這不起作用，我不斷收到所有類型的錯誤，指出腳本和css沒有被重寫gnized。

例如：

Uncaught ReferenceError: jQuery is not defined

我在做什麼錯？

來源

2017-03-23 user3378165

不要手動添加文件和使用包 - 刪除所有的

看到這裏您要添加2次的所有腳本文件，

您已經添加參考您的包的jQuery，KO和網站。

然後沒有必要再添加這些文件。

<script src="~/Scripts/Libs/jquery/jquery-3.1.1.min.js"></script> 
<script src="~/scripts/libs/jquery/jquery-ui-1.12.1.min.js"></script> 
<script src="~/Scripts/Libs/jquery-mask/jquery.mask.min.js"></script> 
<script src="~/Scripts/Libs/knockout/knockout-3.4.1.js"></script> 
<script src="~/Scripts/Site/Site.js"></script>

來源

2017-03-23 09:57:55

請參閱我上面的註釋 – user3378165

Can you在BundleConfig文件的RegisterBundles（BundleCollection bundles）方法後添加這一行「BundleTable.EnableOptimizations = false;」並檢查 –

相關問題