在我的Windows机器上，我安装了java，sencha cmd，sencha doc，ruby，指南针，我生成了一个sencha应用程序，我尝试使用compass compile命令编译app.scss文件，但它在命令中给出以下错误提示：
当我运行罗盘编译命令时，它会删除app.css文件并给出以下错误。
C：\ wamp \ www \ sass \ resources \ sass＆gt;指南针编译
修改后的config.rb
干净的C：/ wamp / www / sass / resources / css
删除C：/wamp/www/sass/resources/css/app.css
第1行的弃权警告， C列第7栏：/Ruby22-x64/lib/ruby/gems/2.2.0/gem s / compass-core-1.0.3 / stylesheets / compass / css3 / _shared.scss：未转义 多线字符串已弃用，将在以后的版本中删除 萨斯。要在字符串中包含换行符，请使用＆＃34; \ a＆＃34;或＆＃34; \ a＆＃34;如在 CSS。警告：不推荐使用指南针/ css3 / shared模块。您可以 通过导入compass / css3 / deprecated-support来静音此警告 instea d。请注意，下一个模块将被删除 发布。 在C的第1行：/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/ 样式表/罗盘/ CSS3 / _shared.scss 来自C：/ wamp / www / sass / touch / resources / themes / stylesheets / senc的第3行 HA-触摸/ _base.scss 来自C的第22行：/ wamp / www / sass / touch / resources / themes / stylesheets / sen 茶触摸/ _default.scss 来自C的第4行：/wamp/www/sass/resources/sass/app.scss
第87行的弃权警告 C：/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass -core-1.0.3 / stylesheets / compass / css3 / _deprecated-support.scss：＃{}在运营商附近的插值将在未来版本中简化 萨斯要保留当前行为，请使用引号：
引文结束（＆＃39;＆＃34; $ MOZ - ＆＃34;＃{$实验支持换的Mozilla} ＆＃34; $的webkit - ＆＃34;＃{$实验 -support-for-webkit}＆＃34; $ opera - ＆＃34;＃{$ experimental-support-for-opera}＆＃34; $ microsoft - ＆＃34;＃{$ experimental-support-for-microsoft } ＆＃34; $ khtml - ＆＃34;＃{$ experimental-support-for-khtml}＆＃39;）
您可以使用sass-convert命令自动修复大多数情况。
第92行的弃权警告 C：/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass -core-1.0.3 / stylesheets / compass / css3 / _deprecated-support.scss：＃{}在运营商附近的插值将在未来版本中简化 萨斯要保留当前行为，请使用引号：
引文结束（＆＃39;＆＃34; $ IE6 - ＆＃34;＃{$遗留支撑换IE6} ＆＃34; $ ie7 - ＆＃34;＃{$ legacy-support-for-ie7}＆＃34; $ IE8 - ＆＃34;＃{$遗留支撑换IE8}＆＃39）
您可以使用sass-convert命令自动修复大多数情况。
警告：指南针/ css3 / box模块已弃用，将被删除 在next发布。请改用compass / css3 / flexbox。 在C的第4行：/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/ 样式表/罗盘/ CSS3 / _box.scss 来自C：/ wamp / www / sass / touch / resources / themes / stylesheets / senc的第4行 HA-触摸/ _base.scss 来自C的第22行：/ wamp / www / sass / touch / resources / themes / stylesheets / sen 茶触摸/ _default.scss 来自C的第4行：/wamp/www/sass/resources/sass/app.scss
error app.scss (Line 6 of C:/wamp/www/sass/touch/resources/themes/stylesheets / sencha-touch / _base.scss：要导入的文件未找到或不可读： 蓝图/排版。加载路径：Compass :: SpriteImporter
C：/ WAMP / WWW /上海社会科学院/资源/上海社会科学院
C：/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets C：/ WAMP / WWW /上海社会科学院/触摸/资源/主题/供应商/指南针菜谱/样式表 C：/ wamp / www / sass / touch / resources / themes / stylesheets）Sass :: SyntaxError 在线上[＆＃34; 6＆＃34;]的C：文件要导入未找到或不可读：bl ueprint /排版。加载路径：Compass :: SpriteImporter
C：/ WAMP / WWW /上海社会科学院/资源/上海社会科学院
C：/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets C：/ WAMP / WWW /上海社会科学院/触摸/资源/主题/供应商/指南针菜谱/样式表 C：/ wamp / www / sass / touch / resources / themes / stylesheets使用--trace运行 看到完整的回溯C：\瓦帕\ WWW \ SASS \资源\ SASS＆GT;
这是我在www文件夹中的文件夹名称。 我的app.scss文件如下：
// The following two lines import the default Sencha Touch theme. If you are building
// a new theme, remove them and the add your own CSS on top of the base CSS (which
// is already included in your app.json file).
@import 'sencha-touch/default';
@import 'sencha-touch/default/all';
// Custom code goes here..
// Examples of using the icon mixin:
// @include icon('user');
.abc
{
color: #fff;
}
我的config.rb文件如下
# Get the directory that this configuration file exists in
dir = File.dirname(__FILE__)
# Load the sencha-touch framework automatically.
load File.join(dir, '..', '..', 'touch', 'resources', 'themes')
# Compass configurations
sass_path = dir
css_path = File.join(dir, "..", "css")
# Require any additional compass plugins here.
images_dir = File.join(dir, "..", "images")
output_style = :compressed
environment = :production
sencha sdk的路径如下
C:\wamp\www\sencha-touch-2.4.2-gpl\touch-2.4.2
答案 0 :(得分：1)
指南针包含在Sencha CMD安装中。您可以通过从应用程序文件夹执行命令 sencha ant sass 来编译CSS。