Zurb基金会和LiveReload SASS编译器无法正常工作

时间:2012-09-07 09:39:29

标签: sass zurb-foundation

我在终端安装了这样的基金会:

[sudo] gem install zurb-foundation

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

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

(与基金会文档非常相似)

现在因为我很懒,每次在项目之间切换时我都不想点compass watch path/to/project

当我将LiveReload设置为编译我的sass文件时,会出现以下错误:

  

[31m [0m [31m错误[0m sass / app.scss](第5行:导入文件未找到或不可读:基础。   加载路径:     /卷/ 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     指南针:: SpriteImporter)   [31米[0米

我不明白这一点。为了使用LiveRealod,我需要更改什么?

感谢您的帮助

2 个答案:

答案 0 :(得分:5)

为避免修改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文件中。

答案 1 :(得分:3)

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

经过一些研究后,我发现LiveReload(我使用的是版本2.3.18)在/Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib中包含了自己的一组宝石,并且这个集合与使用Foundation 3.0.9安装的集合不同。不仅依赖于依赖,还包括内容。

为了让LiveReload正常工作,我去了/Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib,将有问题的现有gem文件夹替换为我的gems存储库中相应的符号链接,并为我的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来记录它们。

之后,一切似乎都正常。