File da importare non trovato o illeggibile: bootstrap

Question

Sono relativamente nuovo alla programmazione, quindi spero che la domanda non sia assolutamente stupida.

Ho un problema riguardante la mia app di rotaie.

Provo a utilizzare il bootstrap. Ho creato un file chiamato "custom.css.scss" e ho utilizzato la riga "@import" bootstrap "" al suo interno.

Il problema è: Ogni volta che salgo il file "custom.css.scss" viene generato automaticamente un nuovo file "custom.css" e viene visualizzato il seguente messaggio: "file custom.css.scss da importare non trovato o illeggibile: bootstrap ".

La cosa divertente è: quando elimino il file "custom.css.scss" e aggiorno il browser, tutto è a posto (il che significa che è utilizzato bootstrap).

Avete qualche idea, quale potrebbe essere la ragione?

Cordiali saluti Chris

PS: Questo è il mio file gioiello installato

source 'https://rubygems.org' 

gem 'rails', '3.2.11' 
gem 'bootstrap-sass', '2.1' 
gem 'bcrypt-ruby', '3.0.1' 
gem 'faker', '1.0.1' 
gem 'will_paginate', '3.0.3' 
gem 'bootstrap-will_paginate', '0.0.6' 
gem 'jquery-rails', '2.0.2' 

group :development, :test do 
    gem 'sqlite3', '1.3.5' 
    gem 'rspec-rails', '2.11.0' 
    # gem 'guard-rspec', '1.2.1' 
    # gem 'guard-spork', '1.2.0' 
    # gem 'spork', '0.9.2' 
end 

# Gems used only for assets and not required 
# in production environments by default. 
group :assets do 
    gem 'sass-rails', '3.2.5' 
    gem 'coffee-rails', '3.2.2' 
    gem 'uglifier', '1.2.3' 
end 

group :test do 
    gem 'capybara', '1.1.2' 
    gem 'factory_girl_rails', '4.1.0' 
    gem 'cucumber-rails', '1.2.1', :require => false 
    gem 'database_cleaner', '0.7.0' 
    gem 'launchy', '2.1.0' 
    # gem 'rb-fsevent', '0.9.1', :require => false 
    # gem 'growl', '1.0.3' 
end 

group :production do 
    gem 'pg', '0.12.2' 
end 

L'aspetto del file custom.css.scss come questo

@import "bootstrap"; 

/* universal */ 

html { 
    overflow-y:scroll 
} 

body { 
    padding-top: 60px 
} 

section { 
    overflow: auto; 
} 

textarea { 
    resize: vertial; 
} 

.center { 
    text-align: center; 
} 

.center h1 { 
    margin-bottom: 10px; 
} 

/* typography */ 

h1, h2, h3, h4, h5, h6 { 
    line-height: 1 
} 

h1 { 
    font-size: 3em; 
    letter-spacing: -2px; 
    margin-bottom: 30px; 
    text-align: center; 
} 

h2 { 
    font-size: 1.7em; 
    letter-spacing: -1px; 
    margin-bottom: 30px; 
    text-align: center; 
    font-weight: normal; 
    color: #999; 
} 

p { 
    font-size: 1.1em; 
    line-height: 1.7em; 
} 

Answer 1

ho avuto un problema simile, e ho cambiato il tipo di file da css a scss. Scommetto che se cancelli '.css' dal nome del tuo file funzionerà.

Answer 2

Ho avuto questo stesso problema, risolto fissando versioni bootstrap-Sass e Sass-rails a:

gem 'sass-rails', '~> 3.2' 
gem 'bootstrap-sass', '~> 2.3.1.0' 

E poi bundle install e riavvio del server.

Answer 3

Voglio solo superare la mia risoluzione come riferimento. Ho anche incontrato questo problema oggi. se si utilizza emacs in modalità scss, potrebbe essere utile. come impostazione predefinita quando si salva il file scss emacs compila automaticamente questi file scss e crea un file .css rispondente. allora hai solo bisogno di cancellare questi file .css. o mettere sotto il codice a .emacs come correzione permanente

(setq scss-compile-at-save nil) ;; disable the auto-compilation 

Answer 4

Ho avuto un problema simile e ha visto la soluzione di Habax e provato l'ultimo passo prima.

Ho appena riavviato il server.

Che si è rivelato sufficiente. Spero possa aiutare.

Answer 5

Ho avuto lo stesso problema di "File da importare non trovato o illeggibile: bootstrap" nel mio file scss. Ho appena risolto aggiungendo richiedere la dichiarazione di "bootstrap-sass" a config.ru file. Il mio config.ru è simile al seguente.

# This file is used by Rack-based servers to start the application. 

require ::File.expand_path('../config/environment', __FILE__) 
require 'bootstrap-sass' #require statement of bootstrap-sass 
run Rails.application 

Answer 6

Aveva lo stesso problema in una nuova applicazione, ma il riavvio del server di sviluppo ha risolto il problema.

Answer 7

fronte stesso problema. Rinominare custom.css.scss in custom.css e ho specificato la versione di ruby ​​in Gemfile. e installare bundle. nel mio caso: ruby ​​'2.0.0'