JavaScript Error in Asp.Net MVC 4 Bundling

Question

When I use the below Bundling in MVC 4, my App gets several JavaScript errors,such as 'jQuery undefined'

        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js",
                    "~/Scripts/jquery-ui-{version}.js",
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));

But when I use the below approach, my App works without JavaScript errors:

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

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

        bundles.Add(new ScriptBundle("~/bundles/jquery3").Include(
                    "~/Scripts/jquery.unobtrusive*"));

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

My Question: what is the problem?

In debug mode, are the individual script tags added in the correct order? — jrummell
– jrummell, Commented Mar 15, 2013 at 14:24
Sounds like the scripts are being included in the wrong order. This answer suggests it might be the version of the Web Optimization Framework that you're using: stackoverflow.com/a/11995916/1043198 — Ant P
– Ant P, Commented Mar 15, 2013 at 14:29
@AntP very thanks, i updated to Microsoft.AspNet.Web.Optimization version 1.1.0-Beta1 now my app works correctly. — user197508
– user197508, Commented Mar 15, 2013 at 15:27

Community · Accepted Answer · 2017-05-23 11:57:26Z

3

This is caused by your scripts being included in the wrong order. You should ensure that your version of the Web Optimization Framework is up-to-date. This answer provides further details:

https://stackoverflow.com/a/11995916/1043198

And the NuGet package:

http://nuget.org/packages/Microsoft.AspNet.Web.Optimization

edited May 23, 2017 at 11:57

CommunityBot

11 silver badge

answered Mar 15, 2013 at 15:30

Ant P

25.3k8 gold badges73 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user197508 · Accepted Answer · 2013-06-26 05:46:23Z

2

Solution:

I updated Microsoft.AspNet.Web.Optimization from version 1.0.0 to version 1.1.0-Beta1 now my app works correctly.

answered Jun 26, 2013 at 5:46

user197508

1,3022 gold badges18 silver badges31 bronze badges

Collectives™ on Stack Overflow

JavaScript Error in Asp.Net MVC 4 Bundling

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related