14

私はプログラミングに比較的慣れていないので、質問がまったくばかげていないことを願っています。

Rails アプリに関する問題が発生しました。

ブートストラップを使用しようとしています。「custom.css.scss」というファイルを作成し、その中で「@import "bootstrap"」行を使用しました。

問題は次のとおりです。「custom.css.scss」ファイルを保存するたびに、新しいファイル「custom.css」が自動的に生成され、次のメッセージが表示されます。 "。

面白いことに、ファイル「custom.css.scss」を削除してブラウザを更新すると、すべて問題ありません (つまり、ブートストラップが使用されます)。

考えられる理由は何ですか？

敬具クリス

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;
}
4

8 に答える 8

16

同様の問題があり、Habaxのソリューションを見て、最後のステップを最初に試しました。

サーバーを再起動しました。

それで十分であることが判明しました。それが役立つことを願っています。

于 2013-10-02T18:20:21.193 に答える
4

同様の問題があり、ファイルの種類を css から scss に変更しました。ファイル名から「.css」を消去すれば、うまくいくと思います。

于 2013-04-02T19:16:21.390 に答える
2

新しいアプリケーションでも同じ問題が発生しましたが、開発サーバーを再起動すると問題が解決しました。

于 2014-01-22T22:46:16.803 に答える
2

同じ問題に直面しています。custom.css.scss を custom.css にリネームし、Gemfile で ruby​​ のバージョンを指定しました。と bundle install 。私の場合: ruby​​ '2.0.0'

于 2014-03-10T07:10:27.537 に答える
1

参考までに私の決意を述べたいと思います。今日もこの問題に遭遇しました。scss モードで emacs も使用している場合は、役立つ場合があります。デフォルトでは、scss ファイルを保存すると、emacs はこれらの scss ファイルを自動コンパイルし、応答する .css ファイルを作成します。次に、これらの .css ファイルを削除するだけです。または、以下のコードを .emacs に恒久的な修正として配置します

(setq scss-compile-at-save nil) ;; disable the auto-compilation
于 2013-06-10T13:30:30.467 に答える
1

これと同じ問題がありましたが、bootstrap-sass と sass-rails のバージョンを次のように修正することで解決しました。

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

そしてbundle install、サーバーを再起動します。

于 2013-04-17T16:26:33.470 に答える
1

scssファイルで「インポートするファイルが見つからないか、読み取り不能: ブートストラップ」という同じ問題が発生しました。「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
于 2013-12-06T14:06:05.980 に答える