1

twitter-bootstrap-rails gem を使用して Bootstrap リソースを提供するRails アプリがあります。jquery uiを追加しようとして苦労しましたが、それは私の質問ではありません。jquery uiを機能させようとして、アセット パイプラインを駆動する多数の gem と更新されたファイルを追加および削除しました。

ナビゲーション バーのドロップダウンが機能しなくなったため、Rails/Bootstrap JavaScript が破損したようです。

アプリはそれほど遠くないので、ビルドを再開して問題を解決できます。しかし、今後の参考のために、アセット パイプラインに問題がある場合にどこを見ればよいかを考えています。

次の場所を確認しましたが、すべて問題ないようです。

  • Gemfile
  • アプリケーション.js
  • ブートストラップ.js.コーヒー
  • アプリケーション.css
  • bootstrap_and_overrides.css.ls
  • application.html.erb

次のコマンドも試しました。

$ rake assets:precompile
$ rake assets:clean

そしてもちろん、Web サーバーをバウンスして、ブラウザのキャッシュをクリアしようとしました。アプリケーションは開発のみです。

アセットの問題または競合が発生した場合、それをトラブルシューティングする最善の方法は何ですか? 実際の問題を特定するために、Firebug などを使用する必要がありますか?

4

1 に答える 1

2

これは幅広い質問であり、アセット関連アイテムのバグはさまざまなソースから発生する可能性がありますが、最初に攻撃するのは Firebug または Chrome Dev Tools である必要があります。これらを使用して、ロードされたアセットを正確に検査し、問題があるかどうかを調べることができるからです。彼らと。バグの原因が何であれ、現在アセット自体に問題があるため、最初に検査する必要があります。

この点に関して、Javascript エラーがあるかどうか (開発ツールの [コンソール] タブを使用) や、ロードされたアセットの確認 (開発ツールの [ネットワーク] タブを使用) など、より具体的な項目がいくつかあります。アセットの問題点を特定できたら、一歩下がって、アセットがロードされていない、または正しくロードされていない理由を確認できます。

于 2013-06-03T18:52:55.450 に答える