18

Twitter Bootstrap (gem) を使用して Rails アプリをセットアップしようとしてtwitter-bootstrap-railsいますが、それでもエラーを解決できません。

File to import not found or unreadable: twitter/bootstrap.

gem の公式 Github でこの問題を見つけましたが、そこからの解決策はどれもうまくいきませんでした。これが私のセットアップです： Gemfile

gem "twitter-bootstrap-rails"
gem 'font-awesome-rails'
gem 'sass-rails',   '~> 3.2.3'
group :assets do
  #gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'therubyracer', :platforms => :ruby
  gem 'uglifier', '>= 1.0.3'
end

アプリケーション.css

 *= require_self
 *= require bootstrap_and_overrides
 *= require font-awesome
 *= require_tree .

bootstrap_and_overrides.css.sass

@import "twitter/bootstrap";
@import "twitter/bootstrap/bootstrap";
@import "twitter/bootstrap/responsive";

// Font Awesome
@import "fontawesome";

// Glyphicons
@import "twitter/bootstrap/sprites.scss";

正しいセットアップのために何が欠けていますか?

ありがとう

4

11 に答える 11

36

私たちは同じ問題を抱えていました.Railsサーバーを再起動したところ、うまくいきました

于 2013-09-09T11:04:26.660 に答える
6

サーバーをシャットダウンして再起動しようとした場合は、sass ファイルから生成されたキャッシュされた css ファイルに問題がある可能性があります。この理由は、いくつかの scss/haml タイプ ファイルを事前にレンダリングするライブ リロードのいくつかのバリエーションにある可能性があります。そうでない場合は、

  1. エラー メッセージを読んで、エラーの原因となっている scss ファイルを特定します。
  2. sass ファイルに沿って生成された css ファイルを見つけます (つまり、custom.css.scss は custom.css を生成します)。
  3. そのファイルを削除してページを更新し、このファイルが assets/stylesheets および temp/cache の下にあるキャッシュ全体を削除する場合)
于 2013-06-03T12:01:26.730 に答える
3

何らかの理由で、gem を動作させるために明示的に要求する必要がありました。この github issue のコメントで提案されているように、bootstrap-sass で同様のエラーを修正すると、gem が自動的に読み込まれない可能性があります。require "twitter-bootstrap-railsたとえば config/application.rb ファイルに追加して、明示的に要求します。

于 2013-08-30T19:39:20.470 に答える
2

次のように、bootstrap-sass gem を v2.3.2 にダウングレードします: gem 'bootstrap-sass', '2.3.2'

ブートストラップ gem をアップグレードするバンドル アップグレードを行いました。これ（バージョンのダウングレード）で問題が解決しました。

于 2014-06-25T13:35:19.833 に答える
1

Michael Hartl の RailsTutorial.org プログラムの問題を探していたときに、この回答を見つけました。sprockets gem が 2.12.1 にアップグレードされるのをうっかり許可してしまいました (Gemfile.lock でロックされていました)。強制的に 2.11.0 にダウングレードすると、このエラーが修正され、古い bootstrap-sass (2.3.2.0) gem が正しく機能するようになりました。

学習に戻ります!!

于 2014-04-22T19:39:58.017 に答える
1

私がそれをどのように機能させるかは、単に Twitter Bootstrap gem を変更することでした。Github ページで説明されているようにすべてがセットアップされているBootstrap-sass gem を使用しましたが、問題は見つかりませんでした。

于 2013-04-03T12:53:43.780 に答える
1

アセットをコンパイルしようとしましたか?

    rake assets:precompile
于 2013-11-23T14:38:41.287 に答える
1

ここでは何もうまくいきませんでした。あきらめて、Bootstrap 自体をダウンロードし、ファイルをアセットに入れ、それらを CSS に含めました。それはそれを修正しました。

于 2014-08-27T10:30:53.807 に答える
1

gem 'bootstrap-sass', '3.0.2.1'Gemfileを追加することでこの問題を解決しました (最近のドキュメントに従って)。後は必ず実行してくださいbundle install。

于 2013-11-25T18:24:39.050 に答える