要導入的文件找不到或無法讀取：bootstrap

Question

我對編程相對比較陌生，因此我希望問題不是絕對愚蠢。

我有一個關於我的rails應用程序的問題。

我嘗試使用引導程序。我創建了一個名爲「custom.css.scss」的文件，並在其中使用了「@import」bootstrap「」行。

問題是：每次我保存我的「custom.css.scss」文件時，會自動生成一個新文件「custom.css」，並且我收到以下消息：「custom.css.scss要導入的文件未找到或無法讀取：bootstrap「。

有趣的是：當我刪除文件「custom.css.scss」並刷新瀏覽器時，一切正常（這意味着：使用引導程序）。

你有什麼想法，可能是什麼原因？

最親切的問候 克里斯

PS：這是我安裝的寶石文件

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 

的custom.css.scss文件看起來像這樣

@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

我也有類似的問題，我將文件類型從css更改爲scss。我敢打賭，如果您從文件名中刪除「.css」，它就會起作用。

Answer 2

我有同樣的問題，通過固定的引導，青菜和青菜護欄版本解決：

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

然後bundle install並重新啓動服務器。

Answer 3

我只是想過去我的決議作爲參考。今天我也遇到過這個問題。 如果您還在scss模式下使用emacs，可能會有所幫助。作爲默認保存scss文件時emacs會自動編譯這些scss文件並創建一個響應.css文件。那麼你只需要刪除這些.css文件。或者把下面的代碼，以作爲的.emacs永久性的修復

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

Answer 4

我有一個類似的問題，看到Habax的解決方案，並第一次嘗試的最後一步。

我剛剛重新啓動服務器。

原來是夠了。希望有所幫助。

Answer 5

我在我的scss文件中遇到了「文件導入未找到或無法讀取：bootstrap」的問題。我剛剛通過添加要求聲明「bootstrap-sass」到config.ru文件解決。我的config.ru就像下面這樣。

# 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

在新的應用程序中有同樣的問題，但重新啓動開發服務器解決了這個問題。

Answer 7

面臨同樣的問題。我將custom.css.scss重命名爲custom.css ，並且我在Gemfile中指定了ruby的版本。和捆綁安裝。 在我的情況下： ruby​​'2.0.0'