Uncaught SyntaxError: Unexpected token exception after bundle two CSS file in MVC4

Question

In my MVC4 project I bundle two css file. When browse render this file then I got two exception.

Uncaught SyntaxError: Unexpected token .
Uncaught SyntaxError: Unexpected token {

I wrote this code for bundling my CSS files.

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new StyleBundle("~/Content/css")
    .Include("~/Content/css3.css","~/Content/styles.css"));
}

I call this in my _Layout.chshtml page.

<head>
   @Scripts.Render("~/Content/css")
</head>

and get that exception.

But if I call those CSS files this way then every thing works fine.

<head>
    <link href="~/Content/css3.css" rel="stylesheet" />
    <link href="~/Content/styles.css" rel="stylesheet" />
</head>

Here is a screen shoot of my Error.

enter image description here

greg84 · Accepted Answer · 2013-04-21 22:24:59Z

33

It's because it's rendering a <script> tag. It should be @Styles.Render instead of @Scripts.Render.

answered Apr 21, 2013 at 22:24

greg84

7,6293 gold badges39 silver badges45 bronze badges

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

1 Comment

jwize Over a year ago

This happened for me when I had a call to @Scripts.Render("~/bundles/custom") in my view that didn't have a corresponding ScriptBundle setup in the BundleConfig.cs file.

Collectives™ on Stack Overflow

Uncaught SyntaxError: Unexpected token exception after bundle two CSS file in MVC4

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related