Файл для импорта не найден или нечитабельный: bootstrap

Я относительно новичок в программировании, поэтому я надеюсь, что вопрос не является абсолютно глупым.

У меня возникла проблема с моим рельсовым приложением.

Я пытаюсь использовать bootstrap. Я создал файл под названием "custom.css.scss" и использовал в нем строку "bootstrap" @import.

Проблема заключается в следующем: каждый раз, когда я сохраняю свой файл custom.css.scss, автоматически создается новый файл "custom.css", и я получаю следующее сообщение: "custom.css.scss Файл для импорта не найден или нечитаемые:. самозагрузки"

Самое смешное: когда я удаляю файл "custom.css.scss" и обновляю свой браузер, все в порядке (это означает, что используется bootstrap).

Есть ли у вас какая-то идея, что может быть причиной?

С наилучшими пожеланиями Крис

P.S.: Это мой установленный файл 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;
}

Ответы

Ответ 1

У меня была аналогичная проблема, и мы увидели решение Habax и сначала попытались сделать первый шаг.

Я только что перезапустил сервер.

Это оказалось достаточно. Надеюсь, что это поможет.

Ответ 2

У меня была аналогичная проблема, и я изменил тип файла css на scss. Держу пари, если вы удалите ".css" из своего имени файла, он будет работать.

Ответ 3

Имела ту же проблему в новом приложении, но перезапуск сервера разработки разрешил проблему.

Ответ 4

сталкивается с такой же проблемой. Я переименовал custom.css.scss в custom.css и я указал версию ruby ​​в Gemfile. и установить пакет. в моем случае: ruby '2.0.0'

Ответ 5

У меня была эта же проблема, решена путем исправления версий bootstrap-sass и sass-rails:

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

И затем bundle install и перезагрузка сервера.

Ответ 6

Я просто хочу передать свое решение в качестве ссылки. Сегодня я столкнулся с этой проблемой. если вы также используете emacs с режимом scss, это может быть полезно. по умолчанию при сохранении scss файла emacs автоматически скомпилирует этот файл scss и создаст ответный файл .css. то вам просто нужно удалить эти .css файлы. или поставить ниже код в .emacs как постоянное исправление

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

Ответ 7

У меня возникла такая же проблема: "Файл для импорта не найден или нечитаемый: bootstrap" в моем файле scss. Я просто решил добавить инструкцию "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