Как разрешить проект MVC4 Twitter Bootstrap провалиться с простых установок Nuget в VS2012?

У меня возникла проблема с запуском приложения MVC4 при загрузке Twitter.

В VS 2012 я создал новое пустое приложение MVC4, установив следующие пакеты:

Install-Package twitter.bootstrap.mvc4
Install-Package twitter.bootstrap.mvc4.sample

Похоже на некоторые проблемы, связанные с навигационными маршрутами, поскольку я просматриваю эти несколько турориалов Ссылка 1 и Ссылка 2.

При чтении примечания о возможных проблемах компиляции я перезапустил решение, но ошибки, которые я получаю, не являются в readme и сосредоточены вокруг NavigationRouteOptions, NavigationRouteFilters, RouteValueDictionary, FilterToken и HasFilterToken:

'System.Web.Routing.RouteValueDictionary' does not contain a definition for 'HasFilterToken' and no extension method 'HasFilterToken' accepting a 
first argument of type 'System.Web.Routing.RouteValueDictionary' could be found (are you missing a using directive or an assembly reference?)   
...\AdministrationRouteFilter.cs    18  

'System.Web.Routing.RouteValueDictionary' does not contain a definition for 'FilterToken' and no extension method 'FilterToken' accepting a 
first argument of type 'System.Web.Routing.RouteValueDictionary' could be found (are you missing a using directive or an assembly reference?)   
..\AdministrationRouteFilter.cs 20  

The name 'NavigationRouteFilters' does not exist in the current context 

'NavigationRouteOptions' could not be found (are you missing a using directive or an assembly reference?)

Я подтвердил, что у меня уже установлен пакет navigationroutes.mvc4 Nuget.

Это работает только в VS 2013?

Пакеты Nuget датированы 26 октября 2013 года.

Помощь была оценена.

Ответ 1

Кажется, что уже существует дискуссия об ошибке в github

попробуйте удалить 1.1.100 и установите версии 1.0.90 в следующем порядке.

PM > Install-Package twitter.bootstrap.mvc4.sample -Version 1.0.90

PM > Uninstall-Package twitter.bootstrap.mvc4.htmlhelpers -Force

PM > Install-Package twitter.bootstrap.mvc4.htmlhelpers -version 1.0.90

PM > Uninstall-Package twitter.bootstrap.mvc4 -Force

PM > Install-Package twitter.bootstrap.mvc4 -version 1.0.90

Ответ 2

Добрые утренние ребята, я столкнулся с одной и той же проблемой, и по крайней мере для меня это сработало >

вместо установки twetter.bootstrap, просто установите пакет bootstrap, потому что это похоже на выпуск vs2013, они просто передали пакет, на обслуживание MS.

Итак, удалите текущую версию начальной загрузки (твиттер) и просто установите общий загрузочный файл. (или обязательно установите версию 3.0.2)

install-package bootstrap

Обратите внимание, что это исправление применяется к VS2k12.

Ответ 3

Для меня этот учебник о том, как настроить ASP.NET MVC 4 и Twitter Bootstrap, отлично работает: https://www.macaw.nl/weblog/2013/5/setting-up-a-solution-with-mvc4-and-twitter-bootstrap

Ответ 4

Решение Muthu работает, если вы создаете проект VS2012 (Basic --- NOT the Internet!), затем добавьте файлы css в bootstrapLayout.basic.cshtml(который вы найдете в общей папке) и добавьте файлы Javascript в нижней части bootstrapLayout.basic.cshtml. Вот мой bootstraplayout.basic.cshtml. Обратите внимание: порядок файлов script важен (удачи!)... и THANKS Mithu!

@using System.Web.Optimization
@using BootstrapSupport
@using NavigationRoutes
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>@ViewBag.Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        @*<link href="@Styles.Url("~/content/css")" rel="stylesheet"/>*@
 @*   @Styles.Render("~/Content/bootstrap.min.css")
    @Scripts.Render("~/bundles/modernizr")*@
        <link href="~/Content/body.css" rel="stylesheet" />
        <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
        <link href="~/Content/bootstrap-responsive.min.css" rel="stylesheet" />
        @RenderSection("head", required: false)
        @Html.Partial("_html5shiv")
        @* favicons and touch icons go here *@
    </head>
    <body>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#" title="change in _bootstrapLayout.basic.cshtml">Application Name</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            @Html.Navigation()
                        </ul>
                    </div>
                </div>
            </div>
        </div>        
        <div class="container">
            @Html.Partial("_alerts")
            @Html.Partial("_validationSummary")
            @RenderBody()   
            <hr>
            <footer>
                <p>&copy; Company @System.DateTime.Now.ToString("yyyy")</p>
            </footer> 
        </div>
         @*@Scripts.Render("~/js")*@
        <script src="~/Scripts/jquery-1.9.1.min.js"></script>
        <script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
        <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
        <script src="~/Scripts/jquery.validate.min.js"></script>
        <script src="~/Scripts/jquery.validate.unobtrusive-custom-for-bootstrap.js"></script>
        <script src="~/Scripts/knockout-2.2.0.js"></script>
        <script src="~/Scripts/bootstrap.min.js"></script>

         @RenderSection("Scripts", required: false)
    </body>
</html>