Sencha Touch - 指南针编译时未定义的混合“实验”答案

【问题标题】：Sencha Touch - Undefined mixin 'experimental' on compass compileSencha Touch - 指南针编译时未定义的混合“实验”
【发布时间】：2015-01-28 02:09:19
【问题描述】：

当我尝试使用 compass compile 编译我的 sass 代码时，我收到以下错误：

error app.scss (Line 42 of /MyProject/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss: Undefined mixin 'experimental'.)

我的 sass 代码很正常，我有：

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

/* Rest of my css below */

我正在使用：
Sencha Touch 2.4Compass 1.0.1 (Polaris)ruby 2.2.0devMac OSX Yosemite

【问题讨论】：

我在 Windows 上使用 Sencha Touch 2.3.1、Ruby 1.9.3、Compass 1.0.1 也看到了同样的问题。有没有人看到同样的问题。是否与最新的指南针版本有关？
在我们找到解决方案之前，一个粗略的解决方法是在您应用的根文件夹上使用 sencha app watch

标签： ruby extjs sencha-touch sencha-touch-2 compass

【解决方案1】：

将@import "compass/css3/shared"; 添加到项目的app.scss 可解决该错误。此导入需要在 sencha 导入之前添加。

对于后续的错误，我还必须添加：

@import "compass/css3/box";
$experimental-support-for-pie:false;

版本： Sencha Touch：2.4.1、Compass 1.0.1、Sass 3.4.9、Ruby 1.9.3

参考资料： http://hugogiraudel.com/2013/03/25/compass-extensions/, http://compass-style.org/reference/compass/css3/box/,

完成导入以解决错误：

@import "compass/css3/shared";
@import "compass/css3/box";
$experimental-support-for-pie: false;
@import 'sencha-touch/default';
@import 'sencha-touch/default/all';

<-- The rest of your sass -->

【讨论】：