Geek Answers Handbook

Sencha touch 2.4.0 SASS compilation error

Environment:
Mac OSX Mavericks 10.9.4
Compass 1.0.1 (Polaris)
Compass Plan (1.0.0)
Sass 3.4.5 (Selective Steve)
Command to build a sencha application without errors

When I compile the app.scss file in a directory. / resources / sass /, an error occurred.

compass compile app.scss
    error app.scss (Line 209 of /Users/icese7en/Sites/Demos/Sencha/Practice/WeatherApp/touch/resources/themes/stylesheets/sencha-touch/base/src/_Class.scss: File not found or cannot be read: /Users/icese7en/Sites/Demos/Sencha/Practice/WeatherApp/resources/sass/fonts/pictos/pictos-web.woff)
File not found or cannot be read: /Users/icese7en/Sites/Demos/Sencha/Practice/WeatherApp/resources/sass/fonts/pictos/pictos-web.woff

And then I copy the touch / resources / themes / fonts folder to the resources / sass / folder, and then this error is fixed.
But I doubt why this will happen when in version 2.3.2 (sencha touch) I used the compass to compile correctly.

Then another error occurs:

compass compile app.scss
error app.scss (Line 42 of /Users/icese7en/Sites/Demos/Sencha/Practice/WeatherApp/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss: Undefined mixin 'experimental'.)
Sass::SyntaxError on line ["42"] of /Users/icese7en/Sites/Demos/Sencha/Practice/WeatherApp/touch/resources/themes/stylesheets/sencha-touch/base/src/_ProgressIndicator.scss: Undefined mixin 'experimental'.
Run with --trace to see the full backtrace

And now I can’t fix it.

This is the contents of 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');

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
+4
1

@Saki. sencha, :

Ext JS 4.2 , , "sencha ant sass" Sass. "sass" , , .

: http://www.sencha.com/blog/using-the-new-app-watch-command-in-sencha-cmd-4/

+4

More articles:


All Articles