Rails + Twitter Bootstrap:导入未找到或不可读的文件:twitter/bootstrap

use*_*621 18 ruby gem ruby-on-rails twitter-bootstrap twitter-bootstrap-rails

我正在尝试使用Twitter Bootstrap(gem twitter-bootstrap-rails)设置Rails应用程序,但我仍然无法克服错误

File to import not found or unreadable: twitter/bootstrap.
Run Code Online (Sandbox Code Playgroud)

我在宝石的官方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
Run Code Online (Sandbox Code Playgroud)

application.css

 *= require_self
 *= require bootstrap_and_overrides
 *= require font-awesome
 *= require_tree .
Run Code Online (Sandbox Code Playgroud)

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";
Run Code Online (Sandbox Code Playgroud)

我错过了正确的设置?

谢谢

Har*_*ina 36

我们有同样的问题,我刚刚重新启动rails服务器,它工作


jqu*_*ana 6

如果您已经尝试关闭服务器并重新启动它,那么您的问题可能是从sass文件生成的缓存的css文件.其原因可能是一些实时重载的变化,它预先渲染了几个scss/haml类型的文件.如果不是这样的话

  1. 阅读错误消息并确定导致错误的scss文件.
  2. 找到沿sass文件生成的css文件(即custom.css.scss将生成custom.css).
  3. 删除该文件,刷新页面,如果此文件删除在assets/stylesheets和temp/cache下找到的整个缓存


小智 0

在资产组中添加以下 gem 并捆绑安装

gem "therubyracer"
gem "less-rails"
gem "twitter-bootstrap-rails"
Run Code Online (Sandbox Code Playgroud)