ASP.NET Core : include jquery in a view

Question

I used Bower to download jquery in my ASP.NET Core project, and here's my project structure :

Now, I want to include jquery in my view, and it's not working. I tried :

<script src="bower_components/jquery/dist/jquery.js"></script>

but in vain.

It's true that it autogenerates, but the browser returns a 500 error. Is it because the folder bower_components is private ? — devio
– devio, Commented Oct 16, 2016 at 17:36
so then create a public folder and set bower output dir in bower config fileon that folder — Mostafiz
– Mostafiz, Commented Oct 16, 2016 at 17:37

Mostafiz · Accepted Answer · 2016-10-16 17:48:04Z

1

Default location for the bower file is like

{
  "directory": "wwwroot/lib"
}

so you can reference them llike

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

and also you can modify it, see the asp.net core documentation

answered Oct 16, 2016 at 17:41

Mostafiz

7,3523 gold badges30 silver badges42 bronze badges

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

2 Comments

I did exactly as you said, but when I run Bower, the folder bower_components is always created outside wwwroot

under dependency it will always place that code for nodejs but the usable version will be under the output directory. You need to use that