2017-08-22 44 views
5

Użyłem Rails Composer do tworzenia aplikacji szkielet Rails opracować-ról projektu opisanego tutaj:Sass łamie na @extend ".bg-wyblakłe"

https://github.com/RailsApps/rails-devise-roles

Dostaję 500 błąd generowany przez:

Sass::SyntaxError - ".authform form" failed to @extend ".bg-faded". 
The selector ".bg-faded" was not found. 
Use "@extend .bg-faded !optional" if the extend should be able to fail. 

Dodanie flagi "! Opcjonalnie" pozwala na renderowanie, ale żadne z linków nawigacyjnych nie są wtedy wyświetlane.

Zawartość mojego Gemfile wyświetlane są poniżej:

source 'https://rubygems.org' 
git_source(:github) do |repo_name| 
    repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") 
    "https://github.com/#{repo_name}.git" 
end 
ruby '2.2.5' 
gem 'rails', '~> 5.1.3' 
gem 'sqlite3' 
gem 'puma', '~> 3.7' 
gem 'sass-rails', '~> 5.0' 
gem 'uglifier', '>= 1.3.0' 
gem 'coffee-rails', '~> 4.2' 
gem 'turbolinks', '~> 5' 
gem 'jbuilder', '~> 2.5' 
group :development, :test do 
    gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] 
    gem 'capybara', '~> 2.13' 
    gem 'selenium-webdriver' 
end 
group :development do 
    gem 'web-console', '>= 3.3.0' 
    gem 'listen', '>= 3.0.5', '< 3.2' 
    gem 'spring' 
    gem 'spring-watcher-listen', '~> 2.0.0' 
end 
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] 
gem 'bootstrap', '~> 4.0.0.alpha6' 
gem 'devise' 
gem 'high_voltage' 
gem 'jquery-rails' 
gem 'unicorn' 
gem 'unicorn-rails' 
group :development do 
    gem 'better_errors' 
    gem 'rails_layout' 
    gem 'spring-commands-rspec' 
end 
group :development, :test do 
    gem 'factory_girl_rails' 
    gem 'faker' 
    gem 'rspec-rails' 
end 
group :test do 
    gem 'database_cleaner' 
    gem 'launchy' 
end 

Myśli?

Odpowiedz

1

Jest to najprawdopodobniej spowodowane tym, że nie zaimportowano struktury CSS. Dodaj je do pliku application.scss

// import the CSS framework 
@import "bootstrap"; 
0

Zmień bootstrap wiersza w gemfile do gem 'bootstrap', '= 4.0.0.alpha6'

8

Zmiana @extend .bg-faded do @extend .bg-light będzie naprawić swój błąd

+0

Jest to znany problem z gem szyn kompozytora: https://github.com/RailsApps/rails-composer/issues/273 – Obromios