指南针编译sencha错误

Question

我是 sencha touch 的新手，正在尝试使用 sass 和 compass.. 我安装了所有东西并设置了所有东西，但在尝试编译 application.scss 文件时我收到以下消息：

{:cache_location=>"/Users/EladG/Sites/Pt4u/resources/scss/.sass-cache", :sass=> 
{:cache_location=>"/Users/EladG/Sites/Pt4u/resources/scss/.sass-cache", :cache=>true,  
:line_comments=>false, :style=>:compressed, :load_paths=>
[#<Sass::Importers::Filesystem:0x10a58e548 @root="/Users/EladG/Sites/Pt4u/resources/scss">, 
#<Sass::Importers::Filesystem:0x10a58e520 @root="/Library/Ruby/Gems/1.8/gems/compass-0.12.alpha.4
/frameworks/blueprint/stylesheets">, #<Sass::Importers::Filesystem:0x10a58e430 @root="/Library
/Ruby/Gems/1.8/gems/compass-0.12.alpha.4/frameworks/compass/stylesheets">, 
Compass::SpriteImporter]}, :sass_files=>nil}
***error application.scss (Line 5: File to import not found or unreadable: sencha-touch/default/all.***
Load paths:
    /Users/EladG/Sites/Pt4u/resources/scss
 /Library/Ruby/Gems/1.8/gems/compass-0.12.alpha.4/frameworks/blueprint/stylesheets
/Library/Ruby/Gems/1.8/gems/compass-0.12.alpha.4/frameworks/compass/stylesheets
Compass::SpriteImporter)
Sass::SyntaxError on line 5 of /Users/EladG/Sites/Pt4u/resources/scss/application.scss: File to 
import not found or unreadable: sencha-touch/default/all.
Load paths:
/Users/EladG/Sites/Pt4u/resources/scss
/Library/Ruby/Gems/1.8/gems/compass-0.12.alpha.4/frameworks/blueprint/stylesheets
/Library/Ruby/Gems/1.8/gems/compass-0.12.alpha.4/frameworks/compass/stylesheets
Compass::SpriteImporter
Run with --trace to see the full backtrace

红宝石文件：

# Delineate the directory for our SASS/SCSS files (this directory)
sass_path = File.dirname(__FILE__)

# Delineate the CSS directory (under resources/css in this demo)
css_path = File.join(sass_path, "..", "css")

# Delinate the images directory
images_dir = File.join(sass_path, "..", "img")

# Load the sencha-touch framework
load File.join(sass_path, '..', '..', '..', '..', 'resources', 'themes')

# Specify the output style/environment
output_style = :compressed
environment = :production

application.scss 文件：

@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-toolbar-forms;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-carousel;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-form;
@include sencha-loading-spinner;

// 3. Define custom styles (can use SASS/Compass), example:
// .mybox {
//     @include border-radius(4px);
// }
//$frame-base-color:#333;
@include pictos-iconmask(‘wifi’);

我的项目的网址： /Users/EladG/Sites/Pt4u

煎茶库的网址： /Users/EladG/Sites/sencha-touch-1.1.0/resources/themes/stylesheets/sencha-touch/default

谢谢，

Answer 1

指南针找不到sencha-touch/default/all

Sass::SyntaxError on line 5 of /Users/EladG/Sites/Pt4u/resources/scss/application.scss: File to 
import not found or unreadable: sencha-touch/default/all.

您需要在 config.rb 中调整加载路径。我假设Pt4u 看起来像这样：

Pt4u
--scss
----config.rb
----application.scss
--css

然后您将使用以下命令在 config.rb 中加载 sencha：

load File.join(sass_path, '..', '..', 'sencha-touch-1.1.0', 'resources', 'themes')

考虑使用File.join，就像在命令行上使用cd。 "从 sass_path 开始，上一级目录到 Pt4u，上一级目录到 Sites，进入 sencha-touch-1.1.0，进入资源，进入主题"