Zurb Foundation和LiveReload SASS编译器无法工作

Question

我在终端中这样安装Foundation：

[sudo] gem install zurb-foundation

然后我像这样创建了一个新项目：

cd path/to/where-you-want-your-project 
compass create <project-name> -r zurb-foundation --using foundation

就像Foundation文档一样:

由于我很懒，每次切换项目时我不想输入compass watch path/to/project。

当我设置LiveReload编译我的Sass文件时，会出现以下错误:

[31m[0m[31m error[0m sass/app.scss（第5行：未找到要导入的文件或无法读取：foundation。 路径: /Volumes/HDD/htdocs/static_sites/static_ruegg/sass /Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib/compass/frameworks/blueprint/stylesheets /Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib/compass/frameworks/compass/stylesheets /Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib/ZURB-foundation/stylesheets Compass::SpriteImporter） [31m[0m

我不明白这是什么意思。我需要更改什么才能使用LiveReload？

谢谢任何帮助。

- Seppentoni

Answer 1

为避免修改LiveReload.app，您也可以在项目config.rb文件中提供zurb-foundation gem的绝对路径。LiveReload将使用该版本。

例如：

而不是：

require "curb-foundation";

使用

require "/Library/Ruby/Gems/1.8/gems/zurb-foundation-3.1.1/lib/zurb-foundation.rb" 

在你的config.rb文件中。

- jcsiegrist

Answer 2

我遇到了同样的问题，令人不安。经过一些研究，我发现LiveReload（我使用的是2.3.18版本）在/Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib中包含了自己的一组gems，而这个集合与Foundation 3.0.9安装时的不同，不仅依赖关系不同，内容也不同。为了让LiveReload正常工作，我进入了/Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib，用我gems库中对应的符号链接替换了有问题的现有gem文件夹，并添加了那些存在于我的gems库中但不存在于LiveReload集合中的符号链接。因此，总结一下，当zurb-foundation gem和LiveReload应用程序都安装好后，我所做的是：

cd /Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib

rm -Rf zurb-foundation
ln -s ~/.rvm/gems/ruby-1.9.3-p194/gems/zurb-foundation-3.0.9 zurb-foundation

rm -Rf sass
ln -s ~/.rvm/gems/ruby-1.9.3-p194/gems/sass-3.2.1 sass

rm -Rf compass
ln -s ~/.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2 compass

rm -Rf chunky_png/
ln -s ~/.rvm/gems/ruby-1.9.3-p194/gems/chunky_png-1.2.6 chunky_png

ln -s ~/.rvm/gems/ruby-1.9.3-p194/gems/modular-scale-1.0.2 modular-scale

ln -s ~/.rvm/gems/ruby-1.9.3-p194/gems/sassy-math-1.2 sassy-math

ln -s /.rvm/gems/ruby-1.9.3-p194/gems/fssm-0.2.9 fssm

这里的~/.rvm/gems/ruby-1.9.3-p194/gems/是我默认的gems库路径。如果您不知道自己的gems库路径，可以运行gem environment查看。

之后，一切似乎都正常了。

- Eduardo