要導入的文件未找到或不可讀：bootstrap

Question

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

我的rails應用程序出了問題。

我嘗試使用bootstrap。 我構建了一個名為“custom.css.scss”的文件，並在其中使用了“@import”bootstrap“”行。

問題是：每次我保存“custom.css.scss”文件時，都會自動生成一個新文件“custom.css”，並收到以下消息：“custom.css.scss要導入的文件未找到或不可讀：bootstrap ”。

有趣的是：當我刪除文件“custom.css.scss”並刷新我的瀏覽器時，一切都很好（這意味着：使用了bootstrap）。

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

最親切的問候克里斯

PS：這是我安裝的gem文件

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

我遇到了類似的問題，看到了Habax的解決方案並首先嘗試了最后一步。

我剛剛重啟了服務器。

結果證明是足夠的。 希望有所幫助。

Answer 2

我遇到了類似的問題，我將文件類型從css更改為scss。 我敢打賭，如果你從你的文件名中刪除'.css'它會起作用。

Answer 3

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

Answer 4

面臨同樣的問題。 我將custom.css.scss重命名為custom.css，並在Gemfile中指定了ruby版本。 和捆綁安裝。 就我而言：ruby'2.0.0'

Answer 5

我有同樣的問題，通過修復bootstrap-sass和sass-rails版本來解決：

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

然后bundle install和服務器重啟。

Answer 6

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

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

Answer 7

我在我的scss文件中遇到了“導入未找到或不可讀的文件：bootstrap”的相同問題。 我剛剛通過將“bootstrap-sass”的 require語句添加到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