Using <script src="@microsoft/" Issue in cshtml/razor

Question

Issue using an @ sign in src path of a script reference.

I am using a .cshtml page so @ is a code reference. Normally @@ will cancel out the @ sign so it will read it as a string but it doesn't seem to work in the following example.

<script>
    var signalrPath = "~/lib/@@microsoft/signalr/dist/browser/signalr.js";
</script>

<script src="~/lib/@@microsoft/signalr/dist/browser/signalr.js"></script>

This translates to the following:

Is there any easy way to avoid this?

I can make a cshtml string object and insert it in to there but that seems unnecessary.

@{ 
    string signalR = "@microsoft";
}

<script src="~/lib/@signalR/signalr/dist/browser/signalr.js"></script>

Chris Pratt · Accepted Answer · 2020-04-08 18:38:04Z

4

Use an explicit Razor expression:

<script>
    var signalrPath = "@("~/lib/@microsoft/signalr/dist/browser/signalr.js")";
</script>

<script src="@("~/lib/@microsoft/signalr/dist/browser/signalr.js")"></script>

Or, I suppose you can just do the @microsoft part, but I personally prefer keeping the whole string together:

<script src="~/lib/@("@microsoft")/signalr/dist/browser/signalr.js"></script>

answered Apr 8, 2020 at 18:38

Chris Pratt

240k37 gold badges414 silver badges468 bronze badges

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

Collectives™ on Stack Overflow

Using <script src="@microsoft/" Issue in cshtml/razor

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related