2014-05-09 18 views
5

Jestem nowy w rubinach na szynach, a obecnie podążam za tutorialem Michaela Hartla i niestety utknąłem w rozdziale piątym, kiedy próbuję wywołać @import "bootstrap"; w pliku custom.css.scss.Błąd Ruby on Rails podczas importowania "bootstrap"

pojawia się następujący błąd:

Sprockets::Rails::Helper::AssetFilteredError in StaticPages#home 
    Showing /Users/name/Documents/Rails_projects/sample_app/app/views/layouts /application.html.erb where line #5 raised: 
Asset filtered out and will not be served: add `Rails.application.config.assets.precompile += %w(glyphicons-halflings.png)` to `config/initializers/assets.rb` and restart your server 
     (in /Users/name/Documents/Rails_projects/sample_app/app/assets/styleshee 
/custom.css.scss) 
    Extracted source (around line #5): 

line 5: stylesheet_link_tag "application", media: "all" 

Po czesane internet Próbowałem następujących rozwiązań, z których żaden nie pracował

  1. sugestię dostarczone powyżej dla pliku assets.rb
  2. ponowne uruchomienie serwera za pomocą sterowania + c
  3. przenoszenie pliku gem "bootrap-sass'into sekcji w pliku gem dla tyłek ets nie jest wymagany w produkcie
  4. zmienia nazwę rozszerzenia pliku application.css na application.css.scss
  5. bezpośrednio wywołując @import "bootstrap"; w application.css.scss pliku
  6. dodanie do config.ru następujące: require 'bootstrap-Sass' #require oświadczenie bootstrap-Sass

Są to wszystkie rozwiązania jakie znalazłem w internecie, ale żadna nie działa.

Doceń każdą pomoc!

Dziękujemy!

+0

jakiej wersji programu bootstrap próbujesz dodać? –

+1

Używam szyn 4.1 ... – user3621334

+0

moja odpowiedź powinna działać z szynami 4.1 oraz –

Odpowiedz

-2

Innym sposobem integrowania bootstrap z szynami 4.x jest:

ściągnięciu bootstrap wersja chcesz. rozpakuj plik i zapisz go na swoim lokalnym komputerze. Następnie przenieś dokumenty do odpowiednich folderów w potoku aktywów. Tak:

przenieść wszystkie pliki JavaScript (rozszerzenie pliku kończy .js) do app/assets/javascripts

przenieść wszystkie pliki css (rozszerzenie pliku kończy .css) do app/assets/stylesheets

przenieść wszystkie obrazy do app/assets/images.

wewnątrz app/assets/stylesheets, utwórz plik custome custom.css. możesz użyć tego pliku, aby zastąpić funkcjonalność bootrap. nie będziesz potrzebować metody @import. również nie musisz dodawać klejnotów w swoim Gemfile. po prostu pobierz odpowiednią wersję bootstrapu i postępuj zgodnie ze wskazówkami powyżej.

wierzę samouczek wykorzystuje bootstrap 2.3

2

Nie wiem, czy udało nam się uzyskać ten problem załatwić, ale to, co zrobiłem, aby uzyskać rzeczy pracy.

błąd

Asset filtered out and will not be served: add `Rails.application.config.assets.precompile += %w(glyphicons-halflings.png)` to `config/initializers/assets.rb` and restart your server 

każe ci faktycznie umieścić

Rails.application.config.assets.precompile += %w(glyphicons-halflings.png) 

w

config/initializers/assets.rb ścieżce

Po zrobiłem, że mam inny podobny błąd, ale tym razem z inną linią do dodania.

Rails.application.config.assets.precompile += %w(glyphicons-halflings-white.png) 

Teraz trzeba także upewnić się, że linia @import "bootstrap"; w pliku application.css Ścieżka app/assets/stylesheets/ katalogu i zmień nazwę pliku do application.css.scss

Po wprowadzeniu tych powyżej obu Rails.application.config.assets.precompile linii w pliku config/initializers/assets.rb i to zrestartowanie serwera, to faktycznie zadziałało dla mnie. Mam nadzieję, że to pomoże!