compiler-errors - compass 在Sencha Touch 2.2.1上编译错误，未定义的$ font-family值和混合问题

Question

在Sencha Touch 2.2.1中使用this tutorial时，由于未定义$font-family变量，我无法编译我的项目:

error application.scss (Line 2 of _Class.scss: Undefined variable: "$font-family".) 
Sass::SyntaxError on line ["2"] of 
/Users/mac/Sites/apps/MyApp/touch/resources/themes/stylesheets/sencha-
touch/default/src/_Class.scss: Undefined variable: "$font-family".

有谁知道如何解决这个问题？
注意:这是先前版本(Sencha Touch 2.2)中的 bug。
application.scss

  1 $base-color: #7A1E08;
  2 $base-gradient: 'glossy';
  3 
  4 @import 'sencha-touch/default/all';
  5  
  6  @include sencha-panel;
  7  @include sencha-buttons;
  8  @include sencha-sheet;
  9  @include sencha-picker;
 10  @include sencha-toolbar-forms;
 11  @include sencha-tabs;
 12  @include sencha-toolbar;
 13  @include sencha-carousel;
 14  @include sencha-indexbar;
 15  @include sencha-list;
 16  @include sencha-layout;
 17  @include sencha-form;
 18  @include sencha-loading-spinner;

注:我已经安装了Ruby 1.9.3p448。

Answer 1

我发现了如何解决这个问题。

查看Upgrading Themes From Sencha Touch 2.1 to 2.2停留上的sencha-touch 2.2.1文档:

The most important change to be aware of is the move away from using mixins for each component.

这样说。他们更改了使用@import而不是@include来包含组件的方式，如下所示:

@import 'sencha-touch/default/src/Panel';

还请注意文档使用 @import 'sencha-touch/default/Panel';，但正确的方法是添加src/_the_component_目录，例如 @import 'sencha-touch/default/src/Panel';
我也没有使用config.rb和theme.scss创建新目录。我刚刚修改了my_app/resources/sass/app.scss中已经存在的app.scss文件

然后在终端的sass目录下，我使用了 $ compass compile并终于可以工作了。

这是我的代码:

# apps.scss
$base-color: #af2584;

@import 'sencha-touch/default';
@import 'sencha-touch/default/all';


@import 'sencha-touch/default/src/Button';
@import 'sencha-touch/default/src/Panel';
@import 'sencha-touch/default/src/Sheet';
@import 'sencha-touch/default/src/MessageBox';
@import 'sencha-touch/default/src/Toolbar';
@import 'sencha-touch/default/src/carousel/Carousel';