問題タブ [compass]

gulp が sass ファイルに対してコンパスを実行すると、次のエラーが発生します。

このエラーが正確に何を意味するのかはわかりませんが、それが指しているファイルには特別なソースはありません。それは単なる小さな正当な scss ファイルです。

また、Gulp ストリームでこれらのエラーが発生し続けます。関連している可能性があります。

もちろん、「gem pristine」を試してみましたが、何もしません。

何が起こったのかはわかりませんが、私のgulpfileは先週と同じで、問題なく動作したということだけです。OSX Yosemite をインストールしましたが、特別なことは何もしていません。

私の説明に不足があることはわかっていますが、それは、エラーを理解していないため、解決策を探す手がかりがないためです。

Foundation / SASS / Compass のインストールがうまくいかず、依存関係の問題があるのではないかと思います。「compass init」を実行しようとしましたが、これが CLI に出力されます。

エラーが表示されます:

「.ex-class」は「.class」を拡張でき
ませんでした。セレクター「.class」が見つかりませんでした。
これは、Sass の将来のリリースではエラーになります
。拡張が失敗できるようにする場合は、"@extend .class !optional" を使用してください

私が困っているのは、私のシステムの他のすべての git Repos で Sass が正常にコンパイルされていることです。Sass のバージョンを変更してみました。私のチーム メンバーは、この Sass と同じバージョンで正常に動作します。

現在、Vagrant VM Box を介して Compass と Bootstrap 3 を実行しています。

Compass と Bootstrap Gem の両方を使用して、プロジェクトを正常にセットアップできました。

私は今、自分のスタイルを書き始めました。保存すると、変更されたファイルを確認できますcompass watch --poll。. compass watchただし、経由または経由でコンパイルcompass compileすると、ブラウザから変更が表示されるのはたまにしかありません。

これはブラウザーのキャッシュの問題ではないと思います。開発ツールを使用して無効にしたため、キャッシュのクリアも試みました。また、新しくコンパイルされた CSS を直接開いて、?1234キャッシュバスターをURLの最後。コンパイル時にエラーも発生しません (これらは通常、SuperPuTTY 内にも表示されます)。

require 'bootstrap-sass'これはconfig.rbファイルにロードされているため、ブートストラッププラグインに問題があるのではないかと疑っています。現在これを調査しています。

これに対する修正を知っている人はいますか、または Compass が Bootstrap SCSS コードをコンパイルする際の問題/バグを知っていますか?

/ - - - アップデート - - - /

さらに調査した結果、これはキャッシュの問題のようです。ファイルはコンパイル後にサーバー上で正しいように見えますが、ブラウザに到着すると古いバージョンが保持されているようです。ブラウザのキャッシュが無効になっています。更新時に新しいファイルを要求する必要があるため、これが私の混乱の原因です。

コンパスのバージョンは 1.0.1 (Polaris) で、sass のバージョンは 3.4.5 です。

私が普通にやると、うまくいきますcompass watch。私はコードキットを使用するのが大好きで、scss ファイルをコンパイルしたいのですが、そうではなく、気が狂いそうになります。

この嘆願を修正する方法について何らかのアイデアを持っている団体があれば、私に知らせてください. 前もって感謝します。

コンパイルしようとしたときのエラーは次のとおりです。コンパスはプロジェクト内の 1 つ以上のファイルをコンパイルできませんでした:

/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:245:in mkdir': Permission denied - /Library/Ruby/Gems/2.0.0/extensions/universal-darwin-14 (Errno::EACCES) from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:245:infu_mkdir' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/ /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:217 からのusr/lib/ruby/2.0.0/fileutils.rb:219:in block (2 levels) in mkdir_p' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:217:inreverse_each' :in block in mkdir_p' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:203:ineach' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:203:in mkdir_p' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:210:inwrite_gem_make_out' from /Library/Ruby/Site/2.0.0 /rubygems/ext/builder.rb:132:/Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:156:/Library/Ruby/Siteの build_extensions のブロック内build_error' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:171:inのレスキュー内build_extension' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:198:in/2.0.0/rubygems/ext/builder.rb:195:ineach' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:195:in/Library/Ruby/Site/2.0.0/rubygems/specification.rb:1436:in use_ui のbuild_extensions' from block in build_extensions' from /Library/Ruby/Site/2.0.0/rubygems/user_interaction.rb:45:in/Library/Ruby/Site/2.0.0/rubygems/specification.rb:1434:in build_extensions' from /Library/Ruby/Site/2.0.0/rubygems/stub_specification.rb:60:inbuild_extensions from / Library/Ruby/Site/2.0.0/rubygems/basic_specification.rb:56:in contains_requirable_file?' from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:925:inblock in find_inactive_by_path' from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:924:in each' from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:924:infind' from /Library/ Ruby/Site/2.0.0/rubygems/specification.rb:924:in find_inactive_by_path' from /Library/Ruby/Site/2.0.0/rubygems.rb:185:intry_activate' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:132:in rescue in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:144:inrequire' from /Library/Ruby/ Gems/2.0.0/gems/compass-1.0.1/lib/compass/sass_extensions/sprites/engines/chunky_png_engine.rb:2:in <top (required)>' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require .rb:55:でrequire' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass/sass_extensions/sprites/engines.rb:25:in' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass/ sass_extensions/sprites.rb:20:in <top (required)>' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:in require' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass/sass_extensions.rb:9:in' from /Library/Ruby/Site/2.0.0/rubygems/core_ext /kernel_require.rb:55:in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass.rb:14:in each block in <top (required)>' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass.rb:13:in' from /Library/Ruby/Gems/2.0 .0/gems/compass-1.0.1/lib/compass.rb:13: <top (required)>' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:135:inrequire から/Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:135:requirerescue in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:144:inで /Applications から/CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:41:inblock in <main>' from /Applications/CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:29:in/Applications/CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:40:in `' からの fallback_load_path'

アイコンフォルダーがあり、コンパスを使用して画像をスプライトします。

これは /stylesheets/global/icons.css.scss ファイルにあります

ここで、/stylesheets/application/index.css.scss ファイルで次を使用する必要があります。

application/index.css.scss の application/ の前に global/ フォルダーを含めます。

しかし、私はエラーがあります:

現時点での解決策は、この投稿で最初に書いた application/index.css.scss のブロックを繰り返すことです。

しかし、DOM要素のクラスに手動で「icons-foo」を入れると、クラスは一致して動作します...

同じ指示を繰り返してみませんか？一度スプライトをインポートして他のファイルで使用するにはどうすればよいですか?