Zurb Foundation 和 LiveReload SASS 编译器不工作答案

【问题标题】：Zurb Foundation and LiveReload SASS Compiler not workingZurb Foundation 和 LiveReload SASS 编译器不工作
【发布时间】：2012-09-01 04:30:15
【问题描述】：

我在终端中这样安装了 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. 加载路径： /卷/硬盘/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 指南针::SpriteImporter) [31m[0m

我不明白这一点。为了使用 LiveRealod，我必须进行哪些更改？

感谢您的帮助

【问题讨论】：

标签： sass zurb-foundation

【解决方案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 文件中。

【讨论】：

【解决方案2】：

我遇到了同样的问题。令人不安。

经过一些研究，我发现 LiveReload（我使用的是 2.3.18 版本）在 /Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib 中包含了自己的一组 gem，并且该组与 Foundation 3.0.9 安装的一组不同。不仅在依赖关系上，而且在内容上。

为了让 LiveReload 正常工作，我访问了/Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib，将有问题的现有 gem 文件夹替换为指向我的 gem 存储库中相应文件夹的符号链接，并为我的 gem 存储库中存在但 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/ 是我的默认 gem 存储库的路径。如果您不知道您的 gem 存储库路径，您可以通过运行 gem environment 来记录它们。

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

【讨论】：