ASP.NET MVC View not rendering script tags properly

Question

I have a very simple MVC project, and in my _Layout.cshtml I have some js includes like so:

<script src="~/scripts/jquery-2.0.3.min.js"></script>
<script src="~/scripts/easing.js"></script>
<script src="~/scripts/bootstrap.js"></script>

However, when it renders, it renders on the page like (note the tilde on the first one):

<script src="~/scripts/jquery-2.0.3.min.js"></script>
<script src="/scripts/easing.js"></script>
<script src="/scripts/bootstrap.js"></script>

I can't seem to get it to render properly, and it doesn't matter which script tag is first, that's the one it adds/keeps the tilde on. I've resorted to including the jquery script twice, the first one will have a tilde but the second one will get included, but I don't like that solution at all.

I'm working with VS 2012, it's a .NET 4.5 MVC application. From my searches it seems this was a known issue for Razor v1, but the solutions they provide don't seem to apply here.

Brad Christie · Accepted Answer · 2013-09-25 18:14:24Z

2

You should be using @Url.Content() helper (We're not in ASP.NET any more, toto).

<script src="@Url.Content("~/Scripts/jquery-2.0.3.min.js")"></script>
<!-- etc. -->

Another option is to use the Microsoft.AspNet.Web.Optimization package and create bundles:

**BundleConfig.cs

public void RegisterBundles(BundleCollection bundles)
{
  // ...
  bundles.Add(new ScriptBundle("~/js/site").Include(
    "~/Scripts/jquery-2.0.3.min.js",
    "~/Scripts/easing.js",
    "~/Scripts/bootstrap.js"
  ));
  // ...
}

Then in your page use:

@Scripts.Render("~/js/site")

answered Sep 25, 2013 at 18:14

Brad Christie

102k16 gold badges160 silver badges200 bronze badges

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

1 Comment

Brad Christie Over a year ago

As an update, MVC and razor support this now out of the box (for scripts and stylesheets). There is no need for Url.Content (unless you want to do so for your own sake).

Erik Noren · Accepted Answer · 2013-09-25 18:14:17Z

1

Either stick the references in a bundle and use @Scripts.Render("~/bundlename") or use

<script src="@Url.Content("~/scripts/jquery-2.0.3.min.js")"></script>

answered Sep 25, 2013 at 18:14

Erik Noren

4,3391 gold badge27 silver badges29 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC View not rendering script tags properly

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related