0

Ich bin sehr neu in Bundling und Minification, ich versuche es zum ersten Mal in meinem MVC-Projekt zu implementieren.Gebündelte Skripte/CSS werden nicht erkannt

Ich habe eine BundleConfig.cs Datei hinzugefügt:

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")); 
    } 
} 

Und hinzugefügt in Global.asax:

BundleConfig.RegisterBundles(BundleTable.Bundles); 

Dann übertrug ich die Skripte/css in meinem Layout-Seite:

<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> 

Aber das funktioniert nicht, ich bekomme alle Arten von Fehlern, die darauf hinweisen, dass die Skripte und CSS nicht reco sind gnized.

Zum Beispiel:

Uncaught ReferenceError: jQuery is not defined

Was mache ich falsch?

+0

Fügen Sie die Dateien nicht manuell hinzu und verwenden Sie die Bundles - löschen Sie alle Ihre '

0

hier sehen Sie hinzufügen 2 mal alle Skripte Dateien,

Sie bereits Bezug dein Bündel jquery, ko und Website hinzugefügt.

Dann müssen diese Dateien nicht erneut hinzugefügt werden.

<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> 
+0

Siehe meinen obigen Kommentar .. – user3378165

+0

Kannst du Fügen Sie diese Zeile "BundleTable.EnableOptimizations = false;" nach der Methode "RegisterBundles (BundleCollection Bundles)" in der BundleConfig-Datei hinzu und überprüfen Sie sie –

Verwandte Themen