我已经安装了rvm和bourbon。然后我将波旁威士忌安装到我的/ css目录中。但是当我尝试
时@import 'bourbon/bourbon';
我收到此错误:
Sass::SyntaxError: File to import not found or unreadable: bourbon/bourbon.
我已经检查了同样问题的其他线程,但似乎没有解决我的问题。如何让这个错误消失并让波本威士忌正确导入?
答案 0 :(得分:7)
试试这个:
在你的Gemfile中:
gem 'bourbon'
然后运行:
bundle install
来自bouron
非Rails项目
Bourbon包含一种生成包含所有必要文件的目录的简便方法。 对于命令行帮助:$ bourbon帮助或访问命令行工具wiki 安装(Bourbon v3.0 +)
gem install bourbon
通过生成波旁文件夹将Bourbon安装到当前目录中:
bourbon install
生成的文件夹将包含所有mixins和其他必要的Bourbon文件。建议不要添加或修改Bourbon文件,以便轻松更新Bourbon。
您可以使用路径标志指定目标目录:
bourbon install --path my/custom/path/
导入
最后,在样式表的开头导入mixins:
@import 'bourbon/bourbon';
Note: Bourbon no longer requires a custom sass --watch command for Bourbon v3.0+
答案 1 :(得分:0)
重要的是要注意波本威士忌的安装位置(假设您正在本地机器上工作)。安装时,您可以确定这样的自定义安装:
bourbon install --path my/custom/path/
将它放在您通常保存本地Web文件的目录中以便于访问是个好主意。我已经安装在用户目录中,这有点痛苦,但是我必须在我的sass文件中调用我的波本威士忌:
@import '/Users/myusername/rubygems/bourbon/_bourbon.scss';
答案 2 :(得分:0)
是的,这实际上已经晚了,只是使用 Rails 4.2.5.1 遇到了同样的问题。我认为在您自己的情况下,问题是您没有重命名您的资产管道(css文件)来携带扩展名.scss
。
以下是我修复的方法:
如何绕过它Bourbon for Ruby on Rails 4.2 +
将波旁威士忌添加到您的Gemfile中:
gem 'bourbon'
然后运行:
bundle install
注意:在您的资源管道中,如果您的样式表仍然是名为application.css
的资产,则需要将其重命名为application.scss
。
在我自己的情况下,我的管道名为application.css.scss
并且它有效,因为我的扩展程序仍附加到.scss
扩展名。
删除application.scss中的所有Sprockets指令(require,require_tree和require_self),然后使用Sass的本机@import。原因如下所述here。这样您的application.scss
将在开头导入波旁威士忌 ,如下所示:
示例:
@import "bourbon";
@import "bourbon";
@import "bootstrap-sprockets";
@import "bootstrap";
@import "social-share-button";
然后运行
重启服务器 rails server
有了这些,你应该开始运作。有关详细信息,请参阅https://github.com/thoughtbot/bourbon
答案 3 :(得分:0)
当我升级Rails版本(3.2 - > 5.0)时,我遇到了这个问题。在此过程中,我在Gemfile中留下了group :assets
。从该组中取出bourbon
和其他宝石可以解决问题。
答案 4 :(得分:0)
试试这个 (如果您使用的是Rails):
Gemfile
gem bourbon
存在,但不在任何群组中bundle install
当他升级Rails版本(3.2 - > 5.0)时,我的同事发生了这种情况:他意外地在组:assets
中遗留了一些宝石,这在Rails 4中已被弃用。