Q&A
MVC3 のタグが付いてますがバージョン 3 ではないのでは？ ASP.NET MVC にバンドル機能が備わったのはバージョン 4 以降です。MVC のバージョンを確認して、タグが間違っていたら付け直してください。
ローカルのデバック環境ではstyles.renderを実行するとBundleConfigに
設定されているcssが表示されるのですがサーバで実行すると中身が空になってしまいます
設定
bundles.Add(new StyleBundle("/Content/css").Include(/Content/bootstrap.css",
"
"~/Content/site.css"));
実行
@Styles.Render("~/Content/css")
ローカル
<link href="/Content/bootstrap.css" rel="stylesheet"/> <link href="/Content/site.css" rel="stylesheet"/>サーバ
表示されない
パスが間違えているなどいろいろ試しましたが
有効にならず困っています。
CSSが有効にならない
上記ですがBundleConfigに下記コードを追加したらlinkは表示されました。
BundleTable.EnableOptimizations = true;
<link href="/Content/css?v=MDbdFKJHBa_ctS5x4He1bMV0_RjRq8jpcIAvPpKiN6U1" rel="stylesheet"/>
linkできているようですが画面上のボタンや文字などCSSが聞いていない状態です。
よろしくお願いいたします。
回答2件
0
サーバーでの運用環境でも CSS は開発環境と同様に働いているのでは？ であれば、x_x さんが言われるように「デバッグ」だからでしょう。
サーバーでは web.config の設定でデバッグではなくて、バンドル機能が働いていると思います。
以下のようになっているはず。
compilation 要素の debug="true" の場合
<link href="/Content/bootstrap.css" rel="stylesheet"/> <link href="/Content/site.css" rel="stylesheet"/>
compilation 要素の debug="false" の場合
<link href="/Content/css?v=MDbdFKJHBa_ctS5x4He1bMV0_RjRq8jpcIAvPpKiN6U1" rel="stylesheet"/>
【追記】
2018/11/14 10:41 の私のコメントで「後で例を上の回答欄に追記しておきます」と書きましたが、それを以下に書きます。
下の画像は、Visual Studio 2015 の MVC5 のテンプレートが生成したプロジェクトで、web.config の compilation 要素を debug="false" に設定し（CSS はバンドル＆ミニファイされる）、_Layout.cshtml の @Styles.Render("~/Content/css") の有無（即ち、bootstrap.css と site.css の有無）による Home/Index ページの表示の違いです。
bootstrap.css と site.css 有り
bootstrap.css と site.css 無し
一目瞭然ですよね。質問者さんのケースではどうなってますか？
注：CSS の違いによる表示の違いを調べる際はブラウザのキャッシュを削除するようにしてください。
投稿2018/11/12 01:31
編集2018/11/14 02:04退会済みユーザー
総合スコア0
デバッグをtureにしているときと同じ動作にしたい場合はどうしたらよいのでしょうか？
その理由は何ですか？ それでは MVC4 のバンドル＆ミニファイ機能を使う意味がないということは分かってますか？
バンドル＆ミニファイ機能を利用して
<link href="/Content/css?v=MDbdFKJHBa_ctS5x4He1bMV0_RjRq8jpcIAvPpKiN6U1" rel="stylesheet"/>
ととなったのですがCSSが効いていなかったので同じ動きにするには？という意味でした。
パスなど変更して試し中です。
質問で、
> サーバーでの運用環境でも CSS は開発環境と同様に働いているのでは？
と聞かれているのだからそれに答えましょうよ。答が No であれば、なおさらそうしてくれないと話が通じなくなります。
そもそも「CSSが効いていなかった」というのは間違いないのですか？ どうやって確認しましたか？
運用環境のサーバーの web.config で compilation 要素の debug="true" にしてどうなるか確認してみましたか？
すいません。質問に答えておりませんでした。
>サーバーでの運用環境でも CSS は開発環境と同様に働いているのでは？
同様に動いておりません。ヘッダーにＣＳＳが追加されない状態でした。
＞運用環境のサーバーの web.config で compilation 要素の debug="true" にしてどうなるか確認してみましたか？
debugをtrueにすると運用環境でもローカルと同じＣＳＳが表示されます。
＞そもそも「CSSが効いていなかった」というのは間違いないのですか？ どうやって確認しましたか？
これはボタンがありそのボタンのＣＳＳが適用されているかどうかで判断しました。
> debugをtrueにすると運用環境でもローカルと同じＣＳＳが表示されます。
私の回答に書いた「compilation 要素の debug="true" の場合」のようになるのですよね？ であれば、
> 同様に動いておりません。ヘッダーにＣＳＳが追加されない状態でした。
ということはあり得ないのですが。何かの見間違い、勘違いでは？ 一番怪しいのが、バンドル＆ミニファイされた CSS の link 要素がちゃんとレンダリングされているのに、質問者さんが html コードの中から見つけられなかったということなのですが。
私の回答に書いた「compilation 要素の debug="false" の場合」のような link 要素がないか html ソースをよ～く探してください。
> これはボタンがありそのボタンのＣＳＳが適用されているかどうかで判断しました。
その「ボタン」というのが何だかよく分からないのですが。
bootstrap.css と site.css が読み込まれないと、ボタンとか特定の要素を見なくても、ページ全体の表示が全く違ったものになります。一目瞭然なのですが・・・
後で例を上の回答欄に追記しておきます。
0
パス中の"~"はルート演算子と言って、おまけではないので省略しないでください。
C#
1new StyleBundle("~/Content/css")
で定義したのなら、それを参照しましょう。
cshtml
1<link href="~/Content/css" rel="stylesheet" />
投稿2018/11/12 00:56
総合スコア13749
ご回答ありがとうございます。
すいません。
実行部分が省略されていました。
@Styles.Render("~/Content/css") で実行して二つのCSSを出すようにしているんですが
ローカルはOK、サーバはNG（出力されない）です。
何か認識が違うようですが、Bundleにより"~/Content/css"を参照させて単一のCSSを返します。二つのCSSが出るわけではありません。
サーバーに元ファイルの2ファイルが配置されていないのでしょうか？
その場合は何も出ません。
@Styles.Render("~/Content/css")
こちらを実行するとローカルではキチンと登録したCSSが二つ表示されるのですが
Bundleでは複数CSSを登録できないということでしょうか？
デバッグだからでしょう。
参照：http://shin21.hatenablog.com/entry/2016/08/10/100000
いずれにしても、CSSファイルを置いていないのでは何も出ないので、先に確認してください
デバッグだがtrueだったため動作が違ったようです。
あなたの回答
tips
プレビュー
