web-dev-qa-db-ja.com

Rails + Twitter Bootstrap:インポートするファイルが見つからない、または読み取れない:Twitter / bootstrap

RailsアプリをセットアップしようとしていますBootstrap(gem Twitter-bootstrap-Rails)、しかし私はまだエラーを乗り越えることができません

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

宝石の公式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

application.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";

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

ありがとう

18
user984621

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

  1. エラーメッセージを読み、エラーの原因となっているscssファイルを特定します。
  2. Sassファイルに沿って生成されるcssファイルを見つけます(つまり、custom.css.scssはcustom.cssを生成します)。
  3. そのファイルを削除してページを更新し、このファイルがアセット/スタイルシートと一時/キャッシュの下にあるキャッシュ全体を削除する場合)
6
jquintana

何らかの理由で、私はそれを機能させるために宝石を明示的に要求する必要がありました。 このgithubの問題のコメント で提案されているように、bootstrap-sassで同様のエラーを修正すると、gemが自動的にロードされない可能性があります。追加 require "Twitter-bootstrap-Railsを明示的に要求するために、たとえばconfig/application.rbファイルに。

3
dantheta

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

bootstrap gemをアップグレードするバンドルアップグレードを実行しました。この(バージョンダウングレード)で問題が修正されました。

2
user2748756

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

    rake assets:precompile
1
MC2DX

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

1
Tamara

私がそれを機能させる方法は、Twitterを単に変更することでしたBootstrap gem- bootstrap-sass gemを使用しました。ここで、Githubで説明されているようにすべてが設定されますページと私は何の問題も見つかりませんでした。

1
user984621

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

学習に戻る!!

1
Joseph Juhnke

追加してみてください

gem 'sass-Rails'

あなたのGemfileに

0
beydogan

アセットグループに次のGemを追加し、バンドルをインストールします

gem "therubyracer"
gem "less-Rails"
gem "Twitter-bootstrap-Rails"
0
Bajirao Pheshwe