15

Tôi cố gắng để thiết lập Rails ứng dụng với Twitter Bootstrap (viên ngọc twitter-bootstrap-rails), nhưng tôi vẫn không thể vượt qua các lỗiRails + Twitter Bootstrap: File to Import không tìm thấy hoặc đọc được: twitter/bootstrap

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

Tôi tìm thấy vấn đề này trên Github chính thức của đá quý, nhưng không có giải pháp nào từ đó đã làm việc cho tôi. Đây là thiết lập của tôi: 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"; 

tôi đang thiếu gì cho đúng thiết lập ?

Cảm ơn

+0

bạn có chạy 'đường ray tạo bootstrap: install' không? – muttonlamb

+0

Có, tôi đã chạy 'đường ray tạo bootstrap: install', nhưng nó không giúp tôi. – user984621

+0

Xin lỗi vì đã không nhận được ngữ nghĩa đúng đắn, tôi nghĩ câu trả lời của tôi là một giải pháp. Dù sao, vài thứ khác, trong ứng dụng của tôi, tôi có tệp là bootstrap_and_overrides.css.less, chứ không phải là sass. Tôi cũng có 'gem' less-rails''. Cuối cùng, tôi có một yêu cầu trong application.js '// = yêu cầu twitter/bootstrap'. Một điều tôi không có, là '@import" twitter/bootstrap ";' – muttonlamb

Trả lời

0

add sau đá quý trong nhóm tài sản và bó cài đặt

gem "therubyracer" 
gem "less-rails" 
gem "twitter-bootstrap-rails" 
+0

Tôi đã cố gắng này đã, nhưng vẫn như cũ, không hiểu tại sao các ứng dụng không thể tìm thấy những thứ Bootstrap. Tại thời điểm này, hãy thử đá quý 'bootstrap-sass'. – user984621

1

Cách làm thế nào tôi đã làm cho nó làm việc đã được chỉ đơn giản là thay đổi đá quý Twitter Bootstrap - tôi đã sử dụng bootstrap-sass đá quý, nơi được thiết lập tất cả mọi thứ như được mô tả trên trang Github và tôi đã không tìm thấy bất kỳ vấn đề với.

6

Nếu bạn đã cố tắt máy chủ và khởi động lại, thì sự cố của bạn có thể là tệp css được lưu trong bộ nhớ cache được tạo từ tệp sass của bạn. Lý do cho điều này có thể là một số varient của tải lại sống mà pre-renders một số các loại tập tin scss/haml. Nếu không phải như vậy thì

  1. Đọc thông báo lỗi và xác định tệp scss gây ra lỗi.
  2. Định vị tệp css được tạo cùng với tệp sass, (ví dụ: custom.css.scss sẽ tạo custom.css).
  3. Xóa tập tin đó, làm mới trang và nếu điều này tập tin xóa toàn bộ bộ nhớ cache tìm thấy dưới tài sản/stylesheets và temp/bộ nhớ cache)
+0

Cảm ơn! Câu trả lời sâu sắc của bạn đã giải quyết vấn đề này cho tôi. – BenU

3

Đối với một số lý do tôi đã phải yêu cầu một cách rõ ràng đá quý để có được nó làm việc. Như được đề xuất trong this github issue comment để khắc phục lỗi tương tự với bootstrap-sass, có khả năng đá quý không được tải tự động. Thêm require "twitter-bootstrap-rails vào ví dụ: tệp config/application.rb để yêu cầu rõ ràng.

29

chúng tôi đã có cùng một vấn đề, tôi chỉ cần khởi động lại máy chủ ray và nó làm việc

+0

Đôi khi, đó là những điều đơn giản nhỏ khiến tôi đau đầu trong đường ray. Cảm ơn lời nhắc này – drees

+0

Tốt! Nó hoạt động với khởi động lại. – radubogdan

0

Hãy thử thêm

gem 'sass-rails'

để Gemfile bạn

1

Bạn đã thử để biên dịch các tài sản?

rake assets:precompile 
1

tôi giải quyết vấn đề này bằng cách thêm gem 'bootstrap-sass', '3.0.2.1' trong Gemfile của tôi (theo tài liệu gần đây).Đảm bảo bạn chạy sau bundle install.

1

Tôi đã tìm thấy phản hồi này khi tôi đang tìm kiếm sự cố với chương trình RailsTutorial.org của Michael Hartl. Tôi đã vô tình cho phép đá quý sprockets được nâng cấp lên 2.12.1 (nó đã bị khóa trong Gemfile.lock). Buộc hạ cấp xuống 2.11.0 đã khắc phục lỗi này và cho phép gem cũ bootstrap-sass (2.3.2.0) hoạt động chính xác.

Quay lại học tập !!

2

Downgrade viên ngọc bootstrap-sass để v2.3.2 như vậy: đá quý 'bootstrap-sass', '2.3.2'

tôi đã thực hiện một nâng cấp gói nâng cấp mà viên ngọc bootstrap. Điều này (phiên bản hạ cấp) đã khắc phục sự cố cho tôi.

1

Không có gì ở đây phù hợp với tôi. Tôi đã từ bỏ, tải về Bootstrap chính nó, đặt các tập tin trong tài sản của tôi, và bao gồm chúng trong CSS của tôi. Điều đó đã sửa nó.

Các vấn đề liên quan