jquery not included in bundling

Question

I am confused over a little problem i have with jquery in my project. The project is a MVC4 site in visual studio 11.

The problem is that jQuery is not included in the bundling, and it seems to been working before i updated to 1.7.2, but can't be sure.

I can see the comment of the jQuery file on top of the bundled file, but cant find any code of it. All other files seems to be included though (my own scripts and jquery ui files).

I have tried bundle filters and create my own bundle, but nothing seems to work.

I really would appreciate any help, as when the page load, all java scripts just crash because a function is not found. This does work if i just include the java script files normally.

Edit:

Global.asax:

protected void Application_Start()
{
    BundleTable.Bundles.EnableDefaultBundles();
}

_Layout.cshtml:

<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Scripts/js")"></script>

Update 1:

I added some code the the jQuery file, and the bundled file contained this at the top.

function Test(){ }

Then changed to this, and the code was not there this time.

(function Test(){  })

The wierd thing is that the other jQuery files, like the UI ones doesnt get removed, and they being the same way.

Edit: seems like this is intended

Update 2:

Tested some more and found out which file that breaks, if i include any of these files in my custom bundle, it breaks

jquery.validate.js
jquery.validate.unobtrusive.js
jquery.unobtrusive-ajax.min.js

Before them i have these, and they work without any error

jquery-1.7.2.min.js
jquery-ui-1.8.19.min.js
bootstrap.min.js

It is still wierd, if i include these file as normal in the script with <script src="~/Scripts/jquery.validate.js"></script> they work as they should, without errors.

Though, if i bundle the working files, and then add the non-working one after as normally, they still breaks

_Layout.cshtml:

<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/myBundle")"></script>
<script src="~/Scripts/jquery.validate.js"></script>

Global.asax:

var bundle = new Bundle("~/js", new JsMinify());
bundle.AddFile("~/Scripts/jquery-1.7.2.min.js");
bundle.AddFile("~/Scripts/jquery-ui-1.8.19.min.js");
bundle.AddFile("~/Scripts/bootstrap.min.js");
BundleTable.Bundles.Add(bundle);

Edit: seems like something is changed in the bundled jquery files, that makes the validate plugins to break

Work Around

I tried to add the old files, before the update, and it work! Managed to find out that it was the new jQuery UI 1.8.19 from NuGet that crashed.

I downloaded the jquery ui directly from their site, and used that one instead, and it worked!

So it seems that something in the jquery ui nuget version is changed that the bundling is picking up and changes/removes it, so it breaks..

which part to blame? jQuery UI NuGet packages or mvc4 bundling? And is there a solution to the bundling problem?

Can you show us the code from global.asax, where your bundles are initialised? — Steve Hobbs, Apr 19 '12 at 09:52
Maybe this will help http://stackoverflow.com/questions/11980458/mvc4-bundler-not-including-min-files — Torbjörn Nomell, Feb 14 '13 at 14:18

score 3 · Accepted Answer · answered Apr 19 '12 at 13:15

3

Work Around

I tried to add the old files, before the update, and it work! Managed to find out that it was the new jQuery UI 1.8.19 from NuGet that crashed.

I downloaded the jquery ui directly from their site, and used that one instead, and it worked!

So it seems that something in the jquery ui nuget version is changed that the bundling is picking up and changes/removes it, so it breaks..

which part to blame? jQuery UI NuGet packages or mvc4 bundling? And is there a solution to the bundling problem?

answered Apr 19 '12 at 13:15

trembon

748
7
15

Interesting find. What I would do is submit some feedback to the connect site, referring this question, and see if it goes anywhere. http://goo.gl/E1PH6 - also have a look at the "Known issues" page to see if anything is covered there - http://goo.gl/weq6b – Steve Hobbs Apr 19 '12 at 14:39
Rather annoying issue! also, fwiw jQuery UI 1.8.18 NuGet package works just fine with the bundler. – Kevin Radcliffe Apr 22 '12 at 09:15

score 0 · Answer 2 · answered Apr 19 '12 at 10:01

0

I think EnableDefaultBundles() tries to include a specific version of jQuery, so if you're saying you've upgraded it (and presumably removed the old version) I would hazard a guess and say that MVC is trying to bundle a file which doesn't exist any longer.

You would have to ditch the use of EnableDefaultBundles(), or at least compile an additional bundle and include this as well.

You say you've tried creating your own, but could you try again? Maybe the following would help:

Bundle myJSBundle = new Bundle("~/MyJSBundle", typeof(JsMinify));
myJSBundle.AddDirectory("~/Scripts", "*.js", false);
BundleTable.Bundles.Add(myJSBundle);

Obviously change the paths and whatnot to match your own project. Then include it on the page like:

<script src="@Url.Content("~/MyJSBundle")" type="text/javascript"></script>

Source: http://www.dotnetexpertguide.com/2011/12/bundling-and-minification-aspnet-mvc4.html

answered Apr 19 '12 at 10:01

Steve Hobbs

3,296
1
22
21

thanks, but did not work. I see the comment of the jQuery file and the version is correct but the code is gone – trembon Apr 19 '12 at 10:06
I assume everything works as normal if you include the script on the page as normal? – Steve Hobbs Apr 19 '12 at 10:07
yeah it does, sorry for not including that in the question – trembon Apr 19 '12 at 10:12
added more info to the question, if it helps – trembon Apr 19 '12 at 11:42
FYI in MVC4 we no longer need to use `@Url.Content("..`, we can simply use `` – The Muffin Man Mar 08 '13 at 19:08

jquery not included in bundling

2 Answers2