Twitterブートストラップを使用したMVC4アプリケーションの起動に問題があります。
VS 2012では、新しい空のMVC4アプリケーションを作成し、次のパッケージをインストールしました。
これらのいくつかの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日です。
支援に感謝します。
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
おはようございます、私はまったく同じ問題に遭遇しました、そして少なくとも私にとってはこれはうまくいきました>
twetter.bootstrapをインストールする代わりに、bootstrapパッケージをインストールします。vs2013のリリースでは、MSメンテナンスにパッケージを渡しただけのようです。
したがって、現在のbootstrapバージョン、(Twitterバージョン)をアンインストールして、一般的なブートストラップをインストールしてください(またはバージョン3.0.2をインストールしていることを確認してください)。
install-package bootstrap
この修正はVS2k12に適用されることに注意してください。
私にとっては、ASP.NET MVC 4とTwitterのセットアップ方法に関するこのチュートリアルBootstrapは正常に機能します: https://www.macaw.nl/weblog/2013/5/setting- up-a-solution-with-mvc4-and-Twitter-bootstrap
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>© 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>