Note that there are some explanatory texts on larger screens.

plurals
  1. POcompass compile sencha error
    primarykey
    data
    text
    <p>I'm new to sencha touch and trying to use sass and compass.. I installed everything and setup everything BUT while trying to compile the application.scss file i gets the following message:</p> <pre><code>{:cache_location=&gt;"/Users/EladG/Sites/Pt4u/resources/scss/.sass-cache", :sass=&gt; {:cache_location=&gt;"/Users/EladG/Sites/Pt4u/resources/scss/.sass-cache", :cache=&gt;true, :line_comments=&gt;false, :style=&gt;:compressed, :load_paths=&gt; [#&lt;Sass::Importers::Filesystem:0x10a58e548 @root="/Users/EladG/Sites/Pt4u/resources/scss"&gt;, #&lt;Sass::Importers::Filesystem:0x10a58e520 @root="/Library/Ruby/Gems/1.8/gems/compass-0.12.alpha.4 /frameworks/blueprint/stylesheets"&gt;, #&lt;Sass::Importers::Filesystem:0x10a58e430 @root="/Library /Ruby/Gems/1.8/gems/compass-0.12.alpha.4/frameworks/compass/stylesheets"&gt;, Compass::SpriteImporter]}, :sass_files=&gt;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 </code></pre> <p>The ruby file:</p> <pre><code># 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 </code></pre> <p>The application.scss file:</p> <pre><code>@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’); </code></pre> <p>the url of my project: /Users/EladG/Sites/Pt4u</p> <p>the url of sencha library: /Users/EladG/Sites/sencha-touch-1.1.0/resources/themes/stylesheets/sencha-touch/default</p> <p>Thanks,</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload