MVC 6 reference Jquery after adding via Nuget

Question

I created a new MVC 6 project, empty template. added JQuery via NuGet. How do you reference it then in your _Layout file or wherever you want to use it. I dont have a script folder with Jquery in there.

<head>
<meta name="viewport" content="width=device-width" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="~/css/site.css" />
<script src=""></script> -- HERE

<title>@ViewBag.Title</title>
</head>
<body>
<div>
    @RenderBody()
</div>
@RenderSection("scripts", required: false)
</body>
</html>

in asp.net 5/mvc 6 the new correct way to manage client side dependencies is using npm bower gulp and grunt, not nuget. I recommend create a new web project in vs2015 to see how it sets up jquery see also docs.asp.net/en/latest/client-side/index.html — Joe Audette
– Joe Audette, Commented Oct 4, 2015 at 16:56

InitLipton · Accepted Answer · 2015-10-04 17:28:27Z

2

Remove the package from Nuget and add via bower. If you have created a new MVC 6 empty project. you will need to add a bower.json file and then add the Jquery dependency

{
  "name": "ASP.NET",
  "private": true,
  "dependencies": {
    "jquery": "2.1.4"
 }
}

Then in your layout add the reference

<script src="~/lib/jquery/dist/jquery.js"></script>

answered Oct 4, 2015 at 17:28

InitLipton

2,4535 gold badges32 silver badges48 bronze badges

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

Collectives™ on Stack Overflow

MVC 6 reference Jquery after adding via Nuget

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related