問題タブ [sass-rails]

Ruby 2.3.0 と Rails 4.2.0 を使用しています。Rails サーバーを実行しようとすると、sass-rails gem に関連していると思われるエラーが発生します。なぜこれが機能しないのかわかりません。

ありがとうございました

エラーは次のとおりです。

roman@quotebeam:~/workspace/hello_app$ レールサーバー /home/roman/.rbenv/versions/2.3.0/lib/ruby/gems/2.3.0/gems/bundler-1.11.2/lib/bundler/runtime. rb:80:in rescue in block (2 levels) in require': There was an error while trying to load the gem 'sass-rails'. (Bundler::GemRequireError) from /home/roman/.rbenv/versions/2.3.0/lib/ruby/gems/2.3.0/gems/bundler-1.11.2/lib/bundler/runtime.rb:76:inblock (2 レベル) in require'

ここに私の宝石ファイルがあります

ソース「https://rubygems.org」

宝石「レール」、「4.2.0」

gem 'sass-rails', '5.0.1'

宝石「醜い人」、「2.5.3」

gem「コーヒーレール」、「4.1.0」

宝石「jquery-rails」、「4.0.3」

宝石「ターボリンク」、「2.3.0」

宝石「jbuilder」、「2.2.3」

宝石「sdoc」、「0.4.0」、グループ: :doc

グループ :開発、:テスト do

宝石「sqlite3」、「1.3.9」

宝石「byebug」、「3.4.0」

gem 'web-console', '~> 2.0'

宝石「春」、「1.1.3」

終わり

これは比較的一般的な問題に違いないと思いますが、私の Google-foo はこれまでのところ失敗しています。

CSSにSASSを使用しているRails 4アプリがあります。私は、主に CSS を含む (強制的に) 使用する必要がある宝石をいくつか持っています。gem C に、index.cssその gem の CSS の Sprockets ディレクティブを含むファイルがあるとします。ファイルには@import gem-x/index、application.cssこれらの Sprockets ディレクティブのテキストのみが含まれます。

私が見つけた唯一の解決策は、外部gemのソースを調べて、@import各CSSファイルを手動で直接確認できるようにすることです。

これは退屈で、直接消費するための SASS を提供しない各外部 gem のアセットの構造を知る必要があります。

Sprockets とアセット パイプラインindex.cssでこれらの外部 gem のファイルを処理する方法は@importありますapplication.cssか?

編集：

この動作は、5+ での重大な変更に関連しているようsass-railsです: https://github.com/rails/sass-rails/issues/297

そのスレッドは1年前のものです。最近、回避策や解決策はありますか?

新しい宝石 ( https://github.com/froala/wysiwyg-rails ) をインストールしようとしています。これには、sass-rails を使用して呼び出しようとしている css 依存関係がありますが、レンダリングされた @import 命令しか表示されませんCSS。

バンドル インストールを行ったので、インストールは正常に機能し、js を読み込むことができました。css ファイルは Ruby の適切なフォルダーにありますが、css をインポートできません。

次のコード行を使用してcssを取得しています:

インポートでファイルにアクセスできるようにするために、sass-rails で行う必要があることは他にありますか。

これが私のGemfileです。

これは私のapplication.rbファイルにあります

rake assets:precompile を使用してアセットをプリコンパイルしようとすると、アセットに scss ファイルと less ファイルの両方が含まれています。このエラーが発生します

ここで私が間違っていることは何ですか？

私はapplication.css.scssこのような私のセットを持っています:

ドキュメントにあるように、私は Sprockets のディレクティブ ( require、require_tree、およびrequire_self) をまったく使用していないため、内部で定義された変数base/_variables.scssがグローバルであり、/application/application.scssファイルで使用できると期待していますが、そうではありません。

エラーを返しますUndefined variable: "$big"。

application.css.sassファイルで名前を付けてSASSで同じことを試しましたが/application/application.sass、変数はグローバルのように見えますが、SCSS構文を使い続けたいと思いますが、設定して試しましたが、config.sass.preferred_syntax = :scssまだ求められていますサス。

もちろん、変数が必要になるたびに変数ファイルをインポートすることもできますが、それは DRY の原則に反します。

変数をグローバルに使用可能にしながら、SCSS 構文を使用することは可能ですか? ここで何が欠けていますか？前もって感謝します。

最近、ubuntu マシン (ubuntu 16.10) にレール (5.0.1) をインストールしました。サーバーを実行しようとするたびに、このメッセージが表示されます。Gem Load エラー: 初期化されていない定数 Sass::Rails::Tilt

別の Rails バージョン (5.0.0.1) を使用してみましたが、問題は解決しません。

これが私のgemファイルです。

どんな助けでも大歓迎です。

現在のcolorcontrast関数は 3 色のみを比較します。@function colorcontrast($color, $rest...) {forのような複数のパラメーターを使用して構築するための最適なソリューションを探していますcolor: colorcontrast(yellow, blue, orange, tomato, deekskyblue);が、リストされているすべての色と比較する方法がわかりません。

何らかの理由で、sass がカスタム関数を実行していません。アプリ内でそれを使用する他のルビーコードがあるため、環境変数が定義され、機能しています。SASSが機能を実行していない理由がわかりません。私はあなたの助けに感謝します。

application.rb ファイルにカスタム sass メソッドがあります。

THE_ENV環境変数は application.yml ファイルで定義されています。

私のapplication.sassファイルには次のものがあります.常に#d71f2bを設定しています:

Gemfile.lock には以下が含まれます。