ASP.NET MVCフレームワーク4.5 CSSバンドルがホスティングで機能しない

MVC4で書かれたアプリハーバーでアプリを実行しています。

CSSファイルのバンドルが機能しません。デバッグモードのローカルコンピューターで、アプリのコードとファイルを確認します。アプリは期待どおりに動作します。

<link href="/Content/css/home/basic-jquery-slider.css" rel="stylesheet"/>
<link href="/Content/css/home/Home.css" rel="stylesheet"/>

Appharborにアプリをアップロードすると、コードにバンドルが表示されますが、アプリが機能しません。

<link href="/Content/css/home?v=zhVOIpUNuvCOZhJyBcQWpMlozayor4te6k-pM29wHqI1" rel="stylesheet"/>

私がそのリンクをブラウズするhrefと、403-Forbidden：アクセスが拒否されます。

これをトラブルシューティングする方法？

私の推測では、パスはContent/cssアプリのディスク上に存在しています。この場合、MVCではなくIISが要求を処理します。

バンドルの仮想パス（StyleBundleコンストラクターのパラメーター）がファイルシステムのフォルダーと一致しないことを確認してください。

コメントから：

「バンドルを作成する際に従うべき良い慣習は、バンドル名に接頭辞として「バンドル」を含めることです。これにより、起こり得るルーティングの競合を防ぐことができます。」

この問題はデフォルトで.NETは.jsまたは.css拡張子を持つリクエストを「処理」しません。

これには2つの修正があります（1つだけ実行する必要があります）

A）バンドル名から拡張子を削除します。（推奨）これにより、.NETはリクエストを処理し、BundleModuleを介して実行します。

B）これをsystem.webServerセクションのweb.configに追加すると、.NETはBundleModuleを介して.jsおよび.cssリクエストを実行します。

<modules runAllManagedModulesForAllRequests="true">
  <remove name="BundleModule" />
  <add name="BundleModule" type="System.Web.Optimization.BundleModule" />
</modules>

実際の原因を理解し、ブログで共有してくれたレイモロに大声で：http : //blog.cdeutsch.com/2012/11/fixing-404-errors-for-aspnet-mvc-apps.html

AppHarborにASP.NET MVCアプリをデプロイしようとしたときも、私と一緒に起こりました。

という名前のスタイルシートバンドルがありました

@Styles.Render("~/Content/bootstrap")

そして、フォルダ構造は

-コンテンツ

-コンテンツ\ブートストラップ\ ...

バンドル名を"~/Content/bootstrap-css"私の問題に変更するだけで解決しました。

私はこの質問に4年遅れていることを知っていますが、これでうまくいきました。

public static void RegisterBundles(BundleCollection bundles)
{
   ...

   BundleTable.EnableOptimizations = true;     // Added this           
}

403エラーは解決しました。これは、403エラーの詳細な説明と解決策です。CSSバンドル
のソリューション を示します。ただし、JavaScriptにも適用されます。

http://www.mvccentral.net/Story/Details/articles/kahanu/stylebundle-403-error-solved

簡単に言えば、代わりに仮想パス[Script | Style]Bundle("~/content/[script | css]")がファイルシステム内のフォルダーと一致しないことを確認して ください（例C:\approot\Content\[script | css]：）[Script | Style]Bundle("~/content/[scriptDiff | cssDiff]")

BundleConfigクラスに以下のコード行を追加することで問題を解決しました

BundleTable.EnableOptimizations = false;

私がすることはとても簡単です

次のようにScriptBundleの最後に「js」を追加します：new ScriptBundle（ "〜/ bundles / appjs"）そして、StyleBundleの最後に次のように「css」を追加します：new StyleBundle（ "〜/ content / appcss"）

フォルダー名の末尾が「js」または「css」になることはありません。

それでうまくいくはずです。

これは「ScriptBundleクラス」にも適用されます。コンストラクターの「パラメーター名」がWebアプリケーションファイルシステムのパスと一致しないことを確認してください。IISがファイル/リクエストを提供しようとすることに注意してください。

また、暗号化されているファイルから問題が発生する場合もあります。これは、BootStrapをダウンロードして提供されたファイルを使用したときに発生しました。Windowsエクスプローラーでは緑色で表示され、Visual Studioでは問題なく機能しましたが、展開すると403エラーが発生しました。

プロパティ、次に詳細プロパティに移動して暗号化されているかどうかを確認できます。暗号化されたチェックボックスがあります。

チェックを外すと、問題はなくなります。

私はその（403 Forbidden）エラーで同じ問題があります。私の場合、理由は私の組織のプロキシサーバーがcssファイルをブロックしていることです。CSSファイル名がブロックルールの1つと一致します。

bootstrap.cssファイルがコンテンツフォルダにないことがわかりましたので、パッケージで探し、そこに貼り付けました。