ruby-on-rails - rails : Couldn't find a file for 'twitter/bootstrap'

标签 ruby-on-rails ruby twitter-bootstrap assets

我在我的 Rails 应用程序中使用 twitter bootstrap。它在开发模式下运行良好,但在生产模式下运行不佳。这是 Gemfile

source 'https://rubygems.org'

ruby '1.9.3'
gem 'rails' 
gem 'jquery-rails'
gem 'haml-rails'
gem 'devise'
gem 'bcrypt-ruby'
gem 'curb'
gem 'nokogiri'
gem 'pg'

group :assets do
  gem 'sass-rails'
  gem 'twitter-bootstrap-rails'
  gem 'uglifier'
end

当我将它作为 rails s -e production 运行时,它给我错误

ActionView::Template::Error (couldn't find file 'twitter/bootstrap'
  (in /home/alex/Documents/ruby_projects/p1/app/assets/javascripts/application.js:15)):

Application.js

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require_tree .

production.rb

config.serve_static_assets = false

# Compress JavaScripts and CSS
config.assets.compress = true

# Don't fallback to assets pipeline if a precompiled asset is missed
config.assets.compile = true

# Generate digests for assets URLs
config.assets.digest = true

有人建议我删除 gem 'twitter-bootstrap-rails' 我不能这样做,因为我使用它或将它移到组 Assets 之外,这对我也没有帮助:应用程序很好,除了事实上,twitter Bootstrap 文件(js 和 css)根本没有加载。

我该如何解决?

更新:

如果我使用 //= require bootstrap 而不是 //= require twitter/bootstrap 然后它给我 cannot load such file -- less (在 home/alex/Documents/ruby_projects/pr1/app/assets/stylesheets/bootstrap_and_overr‌ ides.css.less) 尽管该文件存在。

如果我将 css.less 重命名为 css,那么我会收到下一个错误 couldn't find file 'bootstrap_and_overrides' (in/home/alex/Documents/ruby_projects/pr1/app/assets/javascripts/application.js:15)‌

最佳答案

重新启动服务器对我有用。

关于ruby-on-rails - rails : Couldn't find a file for 'twitter/bootstrap' ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16127302/

相关文章:

ruby-on-rails - 如何处理自定义 url 中的大写和小写字符?

ruby-on-rails - 使用 Capybara/Rspec 测试 Facebook 的 OAuth

css - rails - 在样式表下创建一个文件夹

ruby-on-rails - 是否可以仅打开我的私有(private) GitHub 存储库中的某些文件/文件夹,以便某些人进行读/写访问?

mysql - 获取分页查询中的结果总数

ruby - 我应该如何测试 Mailman 应用程序

ruby-on-rails - 添加新列后更新脚手架 View

html - Bootstrap 2 中的网格系统顺序

css - 如何让 <li> 中的 <span> 与 <li> 的右侧对齐

javascript - Bootstrap 示例 Carousel 代码不切换幻灯片