サーバーに展開した後、ウェブサイトのUIが正しく表示されない

Question

私はASP.Net MVC5ベースのWebアプリケーションを持っています。私はUIのためにブートストラップを使用しています。 私のマシンではすべてが完璧です。ログイン後、次のページが表示されます。 Analytics page as on localhost

ウェブサーバーにデプロイした後、次のようなページでログインします。

Analytics page from the server

あなたは、サーバーからのページが全て台無しにされていることがわかります。これは、すべての部門がその国境に現れているようなものです。ここで何がうまくいかないのか分かりません。どんな入力も大歓迎です。

更新：

私は、この解析アプリケーションと同じログイン・ページを持っている別のアプリケーション「TalkApp」を持っています。 "TalkApp" UIに問題はありません。

ログインページのページソースを確認しました。 TalkAppには次のリンクがあります。

<link href="/TADATalk/Content/bootstrap.css" rel="stylesheet"/> 
<link href="/TADATalk/Content/site.css" rel="stylesheet"/> 

<script src="/TADATalk/Scripts/modernizr-2.8.3.js"></script> 


<script src="/TADATalk/Scripts/jquery-3.1.1.js"></script> 

<script src="/TADATalk/Scripts/jquery.unobtrusive-ajax.js"></script> 

<script src="/TADATalk/Scripts/jquery-ui-1.12.1.js"></script> 

<script src="/TADATalk/Scripts/bootstrap.js"></script> 

ただし、AnalyticsAppにはこれらのリンクがありません。代わりに、それは..v = "e34hgd5677 .."型のエントリを持っていました。 AnalyticsAppからバンドルの使用を削除し、リンクの参照を直接追加しました。これで、UIが適切に読み込まれます。

なぜなら、なぜ1つのアプリケーションではバンドルが動作しないのですが、別のアプリケーション（サーバーにもデプロイされている）で動作するのはなぜですか？

Answer 1

あなたのバンドルはロードされていませんが、CSSリンクをハードコーディングするのは、あなたが_Layout.cshtmlにそれらを含めていない場合にのみ考えられます。ここに私のアプリケーションの例があります。

BundleConfig.cs呼び出さあなたはBundleConfig.csでバンドルを定義*

... other head stuff ... 

@Styles.Render("~/Content/css") <--- this name is the "virtual path" to that bundle of styles 

... other head stuff ... 

（RegisterBundles法）

.... other bundles ... 

bundles.Add(new StyleBundle("~/Content/css").Include(
         "~/Content/bootstrap.css", 
         "~/Content/site.css")); 

... other bundles ... 

_Layout.cshtml、あなたのGlobal.asax.cs.ApplicationStart（）メソッドから：

protected void Application_Start() 
     { 
      AreaRegistration.RegisterAllAreas(); 
      FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); 
      RouteConfig.RegisterRoutes(RouteTable.Routes); 
      BundleConfig.RegisterBundles(BundleTable.Bundles); 
      ViewEngineConfig.RegisterEngines(ViewEngines.Engines); 


     } 

これは、古いテンプレートスタートアッププロジェクトですべて設定する必要があります。