Application.cssが2回インクルードされているように見えるので、少し混乱しています。1回目はマニフェストのリソースをリストし、次にそのキャッシュをリストします。そのため、個々のファイルを削除しても、application.cssファイル内ではまだ生きているようです。
/*
*= require Twitter/bootstrap
*= require_self
*= require_tree ./common
*= require_tree ./helpers
*/
期待どおりに機能し、関連するすべての個々のファイルを開発モードで出力します
# Do not compress assets
config.assets.compress = false
# Expands the lines which load the assets
config.assets.debug = true
<link href="/assets/Twitter/bootstrap.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/application.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/common/announcement.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/common/button.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<Blah blah>
これは空白にする必要がありますか?私のapplication.cssファイルにあるのはマニフェストであり、実際のCSSではないので、代わりに106 KBの長いコードをすべて取得します。
IEでcommonディレクトリのファイルを削除しても、消えません。出力には表示されなくなりましたが、cssはまだapplication.cssから表示されます
以前、このような問題がありました。これは、パブリックフォルダー内とアプリディレクトリ内のapplcation.cssの後のアセットをプリコンパイルした後に発生しました。開発モードで発生し続けないように修正する方法はわかりませんが、/public/assets
ディレクトリを修正する必要があります。
Public/assetsフォルダーがあるかどうかを確認してください。もしそれがいっぱいの場合は、おそらく二重になっています。
現在(2012-09-24)Rails/sprocketsにはバグがあり、インポートされたファイルを正しく検出できません。
これはRails 3.2.9以降で修正されるはずですが、当面は、次のように回避できます。
正しいcssが表示されているはずです。
あなたは見てみたいかもしれません
https://stackoverflow.com/a/7854902/68646
「config.serve_static_assets = falseをdevelopment.rbに追加すると、/ public/assetsからのファイルのロードができなくなります」
それは私のためにそれをしました。
@Agustinのソリューションは私のためにそれを行いますが、ここにあなたがする必要があるいくつかの事柄があります:
/ tmp/cache/assetsのすべてを削除します
config.serve_static_assets = false
をdevelopment.rbまたはtest.rbに追加します(@Agustinへのクレジット)
サーバーを再起動します。
Application.js/.cssがブラウザーにキャッシュされていないことを確認してください。 http://localhost:3000/assets/application.js?body=1
に移動し、ctrl + f5を押して強制的に更新します(最後にランダマイザーのパラメーターを追加して追加することもできます:http://localhost:3000/assets/application.js?body=1&rnd=12343
他に何かあり、それでもctrl + f5が役に立たない場合は、ブラウザのキャッシュをクリアする必要があります。
これらの手順のいずれかをスキップすると、キャッシュされたapplication.js/.cssが返され、単一ファイルの更新と競合しました。
私にとってうまくいった最善の方法は、tmp/cache / *ディレクトリのコンテンツを削除することです...
私たちにとってうまくいったことは、「config.assets.debug = false」を設定することでした
これにより、HTMLに含まれるCSSがhref = "/ assets/bootstrap-new.css?body = 1"として設定されなくなり、代わりに、href = "/ assets/bootstrap-new.css"として設定されました。これが問題だったと思います。
私も同じ問題を抱えていました。 tmp/cacheとpublic/assetsをクリアしたにもかかわらず、縮小されたapplication.cssはまだキャッシュされてどこかから提供され、個々のcssファイルへの変更が提供されていませんでした。
これは私のために働きました:application.cssで行*= require_self
を削除します
サーバーを再起動する
キャッシュが削除されているようで、ブラウザのソースでapplication.cssをクリックすると、縮小版が表示されなくなります
*= require_self
をファイルに戻し、開発を続けます。
これは古い質問であることはわかっていますが、うまくいった修正の1つは、nginxが私の開発環境にプロキシしていて、構成にlocation ~ ^/(assets)/
ブロックがあったことです。コメントアウトするか、nginxを再起動してキャッシュを無効にしてみてください。開発中の場合は、完全にコメントアウトしたいと思うでしょう。
これを思い出すまで、トラブルシューティングに時間をかけすぎました。
最後に必要な手順が1つありましたが、修正しました。これが私がしたことです:
次に、Google Chromeで画面を更新しましたが、それでもDIDは機能しません。それで、私はFirefoxと出来上がりを起動しました、それは実際に働いていました。これは、Chromeがブラウザ内で古いファイルをキャッシュしていたことを意味します。そこで、Chromeのブラウザキャッシュをクリアしました。