Проблемы с компиляцией app.scss в sencha touch

Question

В моей машине для Windows я установил java, sencha cmd, sencha doc, ruby, compass и я сгенерировал одно приложение sencha, в котором я пытаюсь скомпилировать файл app.scss с помощью компаса компиляции, но он дает следующую ошибку в командной строке:
Когда я запускаю команду компас компас, она удаляет файл app.css и дает следующую ошибку.

C: \ WAMP \ WWW \ дерзость \ ресурсы \ дерзость> компас компилировать
Модифицированные config.rb
чистый C:/WAMP/WWW/дерзость/ресурсы/CSS
удалить C:/WAMP/WWW/sass/resources/css/app.css
DEPRECATION WARNING в строке 1, столбец 7 из C: /Ruby22-x64/lib/ruby/gems/2.2.0/gem s/compass-core-1.0.3/stylesheets /compass/css3/_shared.scss: Unescaped многострочные строки устарели и будут удалены в будущем. on of Sass. Чтобы включить новую строку в строку, используйте «\ a» или «\ a», как в CSS.

ВНИМАНИЕ: Компас/css3/общий модуль устарел. Вы можете отключить это предупреждение, импортировав compass/css3/устаревшую поддержку instea d. Имейте в виду, что модуль будет удален в следующем выпуске . в строке 1 из C: /Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/ таблицы стилей/компас/css3/_shared.scss из строки 3 из C:/wax/www/sass/touch/resources/themes/stylesheets/senc ha-touch/_base.scss из строки 22 из C:/wamp/www/sass/touch/resources/themes/stylesheets/sen cha-touch /_default.scss из линии 4 C: /wamp/www/sass/resources/sass/app.scss

Deprecation ВНИМАНИЕ на линии 87 C: /Ruby22-x64/lib/ruby/gems/2.2 .0/gems/compass -core-1.0.3/stylesheets/compass/css3/_deprecated-support.scss: # {} интерполяция рядом с операторами будет упрощена в будущей версии Сасса. Чтобы сохранить текущее поведение, используйте кавычки:

конец цитаты (' "$ Мос -" # {$ Опытно-поддержка-на- } Mozilla "$ WebKit -" # {$ экспериментальная -поддержка-для-WebKit} "$ opera -" # {$ experimental-support-for-opera} "$ microsoft -" # {$ experimental-support-for-microsoft} "$ khtml -" # {$ experimental-support-for-khtml})

Вы можете использовать команду sass-convert для автоматического исправления большинства случаев.

Deprecation ВНИМАНИЕ на линии 92 C: /Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass -core-1.0.3/таблицы стилей/компас/CSS3/_deprecated-support.scss : # {} интерполяция вблизи операторов будет упрощена в будущей версии Сасса. Чтобы сохранить текущее поведение, используйте котировки:

unquote ('"$ ie6 -" # {$ legacy-support-for-ie6} "$ ie7 -" # {$ legacy-support-for-ie7} " $ ie8 - "# {$ legacy-support-for-ie8} ')

Вы можете использовать команду sass-convert для автоматического исправления большинства случаев.

ВНИМАНИЕ: Модуль компаса/css3/box DEPRECATED и будет удален в выпуске ne xt. Вместо этого используйте compass/css3/flexbox. в строке 4 документа C: /Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/ stylesheets/compass/css3/_box.scss из строки 4 из C:/wamp/www/sass/touch/resources/themes/stylesheets/senc ha-touch/_base.scss из строки 22 из C:/WAMP/WWW/дерзость/сенсорные/ресурсы/темы/таблицы стилей/сеном ча-сенсорный/_default.scss из линии 4 из C: /wamp/www/sass/resources/sass/app.scss

error app.scss (Line 6 of C:/wamp/www/sass/touch/resources/themes/stylesheet 

s/sencha-touch/_base.scss: Файл для импорта не найден или нечитабельно: чертеж/тип графика. Пути загрузки: Компас :: SpriteImporter
C:/wamp/www/sass/resources/sass
C: /Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/ stylesheets C:/wamp/www/sass/touch/resources/themes/vendor/compass-recipes/stylesheets C:/wamp/www/sass/touch/resources/themes/stylesheets) Sass :: SyntaxError on line [ «6»] C: Файл для импорта не найден или нечитабелен: bl ueprint/typography. Пути загрузки: Компас :: SpriteImporter
C:/wamp/www/sass/resources/sass
C: /Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/ stylesheets C:/wamp/www/sass/touch/resources/themes/vendor/compass-recipes/stylesheets C:/wamp/www/sass/touch/resources/themes/stylesheets Запустите с --trace , чтобы увидеть полный трассировку

C: \ WAMP \ WWW \ дерзость \ ресурсы \ дерзость>

Здесь дерзость мое имя папки в папку 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 

путь сенча SDK выглядит следующим образом

C:\wamp\www\sencha-touch-2.4.2-gpl\touch-2.4.2 

Answer 1

компас включен в Установка Sencha CMD. Вы можете скомпилировать CSS, выполнив команду sencha ant sass из вашей папки приложения.