Razor fails with Javascript when using they are built

Question

I recently started building my views in order to improve the quality and maintainability of my code after I switched to test-driven development too.

This helped a lot, and the compiler identified a few flaws in my views in terms of variables that had been renamed, or other things like that.

Now however, I am seeing some false positives when I build my solution. Here's an example of some code that worked just fine before at runtime, but now won't compile:

<script type="text/javascript">
var url = null;

@{
    Html.Raw("url = 'doesnt work';");
}

url = "@Url.Action("DoesNotWorkEither")";

</script>

Remember that this actually runs when I execute it on the server without building the views first!

Errors received

Invalid character at the code @{
Expected ';' at the code url = "@Url.Action("DoesNotWorkEither")";

How can I solve these errors?

Update 1

It should be noted that ignoring this error is not an option for me. You see, it can't even build (because I enabled building of views). This means that it will fail to build on my build server too, where I have gated check-ins (which do no allow the checkin to be submitted before it has been built and tests have been run).

Update 2

As was explained to me in a comment to an answer, this is apparently just a Visual Studio parser error which can be ignored. The build server will in fact build the views too and tell you if there's a concrete error in the view, but will ignore the false positives.

It's not that the server ignores false positives; it's that these errors don't come from the build. The server doesn't run the IDE code that generates these errors. — SLaks
– SLaks, Commented May 3, 2012 at 14:07

SLaks · Accepted Answer · 2012-05-03 13:58:27Z

3

Those errors come from Visual Studio's Javascript parser, which doesn't know about Razor.
They have nothing to do with the build system.

You can safely ignore them.

You can hide the Razor code from the Javascript parser using comments and string literals, like this: (untested)

<script type="text/javascript">
var url = null;

/*@{ 
    Html.Raw(" *"+"/ url = 'doesnt work'; /*");
} */

url = '@Url.Action("DoesNotWorkEither")';

</script>

A better workaround would be to create extension methods that emit <script> tags with the data you need, then don't call Razor at all in <script>.

edited May 3, 2012 at 13:58

answered May 3, 2012 at 13:43

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

8 Comments

Mathias Lykkegaard Lorenzen Over a year ago

Is there any chance that I could possibly have them not being displayed using some fancy pragma stuff? (msdn.microsoft.com/en-us/library/441722ys(v=vs.80).aspx)

Mathias Lykkegaard Lorenzen Over a year ago

Also, the problem is that it won't build, not that it won't run. Which means it won't build on my build server either, which has gated checkin and doesn't allow a checkin unless the build compiles successfully.

SLaks Over a year ago

@MathiasLykkegaardLorenzen#1: No; that's for C#. You can probably get rid of them by using Javascript comments or string literals to make it look like valid JS.

SLaks Over a year ago

@MathiasLykkegaardLorenzen#2: That's a surprise to me; I don't know.

Mathias Lykkegaard Lorenzen Over a year ago

Wait, you were right. It doesn't build the views on the build server. That's not good to me. How can I make it do that? Or is it actually building them, but not receiving the same issues as Visual Studio?

|

Collectives™ on Stack Overflow

Razor fails with Javascript when using they are built

Errors received

Update 1

Update 2

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Errors received

Update 1

Update 2

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related