Sass bricht auf @extend ".bg-verblasste"

Question

I verwendet Rails Composer ein Skelett Anwendung für die Schienen-devise-Rollen zu erstellen hier beschriebene Projekt:

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

Ich erhalte eine 500 Fehler, die durch die folgende: „optional“

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. 

die Flagge Hinzufügen ermöglicht es zu machen, aber keiner der Navigations-Links werden dann angezeigt.

Inhalt meiner Gemfile werden unten angezeigt:

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 

Gedanken?

Answer 1

Es ist wahrscheinlich, weil Sie das Framework CSS nicht importiert haben. Fügen Sie diese auf Ihre application.scss Datei

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

Answer 2

Ändern Sie den Bootstrap-Zeile in Ihrer gemfile zu gem 'bootstrap', '= 4.0.0.alpha6'

Answer 3

Ändern @extend .bg-faded-@extend .bg-light beheben Ihre Fehler