web-dev-qa-db-ja.com

MVC4 Twitter Bootstrapプロジェクトを解決する方法は、VS2012の単純なNugetインストールで失敗しますか？

Twitterブートストラップを使用したMVC4アプリケーションの起動に問題があります。

VS 2012では、新しい空のMVC4アプリケーションを作成し、次のパッケージをインストールしました。

  • インストールパッケージTwitter.bootstrap.mvc4
  • インストールパッケージTwitter.bootstrap.mvc4.sample

これらのいくつかのturorials Link 1 と Link 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パッケージの日付は2013年10月26日です。

支援に感謝します。

c#asp.net-mvcasp.net-mvc-4twitter-bootstraptwitter
19
ElHaix

github のエラーに関する議論はすでにあるようです

1.1.100をアンインストールして、1.0.90バージョンを次の順序でインストールしてみてください。

  • PM>インストールパッケージTwitter.bootstrap.mvc4.sample -Version 1.0.90
  • PM>アンインストールパッケージTwitter.bootstrap.mvc4.htmlhelpers -Force
  • PM>インストールパッケージTwitter.bootstrap.mvc4.htmlhelpers -version 1.0.90
  • PM> Uninstall-Package Twitter.bootstrap.mvc4 -Force
  • PM>インストールパッケージTwitter.bootstrap.mvc4 -version 1.0.90
35
Muthu

おはようございます、私はまったく同じ問題に遭遇しました、そして少なくとも私にとってはこれはうまくいきました>

twetter.bootstrapをインストールする代わりに、bootstrapパッケージをインストールします。vs2013のリリースでは、MSメンテナンスにパッケージを渡しただけのようです。

したがって、現在のbootstrapバージョン、（Twitterバージョン）をアンインストールして、一般的なブートストラップをインストールしてください（またはバージョン3.0.2をインストールしていることを確認してください）。

install-package bootstrap

この修正はVS2k12に適用されることに注意してください。

5
Pablo Contreras

私にとっては、ASP.NET MVC 4とTwitterのセットアップ方法に関するこのチュートリアルBootstrapは正常に機能します： https://www.macaw.nl/weblog/2013/5/setting- up-a-solution-with-mvc4-and-Tw​​itter-bootstrap

1
Iwona Kubowicz

Muthuの解決策は、VS2012プロジェクト（基本---インターネットではありません！）を作成して、bootstrapLayout.basic.cshtml（共有フォルダーにあります）にcssファイルを追加し、下部にJavaScriptファイルを追加すると機能します。 bootstrapLayout.basic.cshtmlの。これが私のbootstraplayout.basic.cshtmlです。注...スクリプトファイルの順序は重要です（頑張ってください！）...そして、ありがとう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>
0
Ali A