Question

环境：
Mac OSX Mavericks 10.9.4
指南针1.0.1（北极星）
指南针蓝图（1.0.0）
萨斯3.4.5（选择性史蒂夫）
sencha app build testing 命令没有错误

当我在./resources/sass/目录中编译app.scss文件时，发生了错误。

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

然后我将 touch / resources / themes / fonts 文件夹复制到 resources / sass / 文件夹，然后修复此错误。
但是我怀疑为什么在版本2.3.2（sencha touch）中我会使用指南针正确编译时会发生这种情况。

然后还有另一个错误：

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

现在我无法修复它。

这是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

Answer 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/

Sencha touch 2.4.0 SASS编译错误

1 个答案: