Связанная ссылка CSS получает ошибку 404

Я пытаюсь заставить пакетирование работать в ASP.NET MVC 4. Я получаю ошибку 404 по ссылке, сгенерированной для связанного CSS. Я сделал следующее:

Установлен пакет Microsoft ASP.NET Web Optimization Framework через NuGet (v4.0.20710.0)

Создан класс BundleConfig в каталоге App_Start со следующим содержимым:

using System.Web.Optimization;
namespace BsdAppTemplate.Web_Nancy.App_Start
{
    public class BundleConfig
    {
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new StyleBundle("~/bundles/styles/cvi").Include(
                "~/mainstyles.css"
            ));
        }
    }
}

Добавил следующее в Web.config в корне сайта:

<system.web>
    <compilation debug="false" targetFramework="4.5" />

    <pages>
      <namespaces>
        <add namespace="System.Web.Optimization"/>
        ...
      </namespaces>
    </pages>
</system.web>

Добавил следующее в элемент head моего файла макета MVC:

 @Styles.Render("~/bundles/styles/cvi")

Скопировал файл CSS, указанный в BundleConfig ("mainstyles.css"), в корневой каталог моего веб-проекта.

Когда я просматриваю источник отрендеренного файла, я вижу, что ссылка выглядит так:

<link href="/bundles/styles/cvi" rel="stylesheet"/>

Эта ссылка приводит к 404 при просмотре или просмотре запроса страницы на вкладке сети Chrome.

Я также пробовал эквивалент в веб-форме, но я получаю тот же результат (404) по ссылке, сгенерированной при добавлении:

<%: Styles.Render("~/bundles/styles/cvi") %>

Ответы на вопрос(5)

Ваш ответ на вопрос