8

Railsアプリケーションのデザインを作成するために、バーボンときちんとした宝石を使用しています。私のapplication.css.scssにはこれが含まれています：

 @import "bourbon";
 @import "neat";
 @import "main";

しかし、「rake assets:precompile」を実行すると、次のエラーが発生します。

rake aborted!
Undefined mixin 'outer-container'.
(in /Users/anonymous/example/app/assets/stylesheets/admin/main.css.scss)
/Users/anonymous/example/app/assets/stylesheets/admin/main.css.scss:5:in  `outer-container'
/Users/anonymous/example/app/assets/stylesheets/admin/main.css.scss:5

ファイル main.css.scss には次のものが含まれています。

footer#page_footer { 
 @include outer-container;
 nav{
  @include span-columns(6);
  @include shift(3);
  section#about_me_footer, section#contact_footer, section#miscellaneous_footer {
  @include span-columns(2 of 6);
 }
}
p {
 @include span-columns(6);
 @include shift(3);
}
}

誰かが私にいくつかの提案を与えることができますか?

4

5 に答える 5

7

私は同じ問題を抱えていました。2 つの異なる方法で動作させることができました。

最初の方法はおそらくあまり望ましくありませんが、application.css.scss ファイルにコードを直接追加できます。

div.container {
  @include outer-container;
}

または、次を追加できます。

@import "bourbon";
@import "neat";

main.css.scss ファイルの先頭に。
これにより、スタイルを整理することができます。

バーボンのサイトは、この問題に関するウィキのページにリンクしていますが、言及されている解決策は私にとってはうまくいきませんでした:

https://github.com/thoughtbot/bourbon/wiki/Rails-Help-%5C-Undefined-mixin

于 2012-12-17T03:06:59.890 に答える
0

FWIW これは報告された問題ですhttps://github.com/thoughtbot/bourbon/issues/120、インポートステートメントをメインの css ファイルに直接追加することに関する jacklin のコメントを使用して解決しました。ただし、ミックスインを使用する各ファイルにこれらのインポートステートメントを追加し続けたくないので、この問題を修正したいと思います

于 2013-02-11T20:35:07.517 に答える