Sass::SyntaxError:找不到或无法读取要导入的文件: bourbon/bourbon

Question

我已经安装了rvm和波旁酒。然后我将波旁酒安装到我的/css目录中。然而，当我尝试

@import 'bourbon/bourbon'; 

我得到了这个错误：

Sass::SyntaxError: File to import not found or unreadable: bourbon/bourbon.

我已经检查了其他有同样问题的线程，但似乎没有一个能解决我的问题。如何才能消除此错误并正确导入波旁葡萄酒？

Answer 1

试试这个：

在你的Gemfile中：

gem 'bourbon'

然后运行：

bundle install

来自bouron的github文档

非Rails项目

Bourbon提供了一种简单的方法来生成包含所有必要文件的目录。命令行帮助：$ bourbon或访问命令行工具维基安装(Bourbon v3.0+)

gem install bourbon

通过生成Bourbon文件夹将bourbon安装到当前目录：

bourbon install

生成的文件夹将包含所有的mixins和其他必要的Bourbon文件。建议不要添加或修改Bourbon文件，以便您可以轻松更新Bourbon。

您可以使用path标志指定目标目录：

bourbon install --path my/custom/path/

导入

最后，在样式表的开头导入mixins：

@import 'bourbon/bourbon';

Note: Bourbon no longer requires a custom sass --watch command for Bourbon v3.0+

Answer 2

重要的是要注意bourbon的安装位置(假设您在本地机器上工作)。安装时，您可以确定自定义安装，如下所示：

bourbon install --path my/custom/path/

为了便于访问，最好将其放在通常保存本地web文件的目录中。我目前在用户目录中安装了我的，这有点麻烦，但我必须在我的sass文件中像这样调用我的波旁酒：

@import '/Users/myusername/rubygems/bourbon/_bourbon.scss';

Answer 3

是的，这实际上已经很晚了，刚刚在使用Rails 4.2.5.1时遇到了同样的问题。我认为在您自己的情况下，问题是您没有重命名您的资产管道(css file)以携带扩展名.scss。

下面是我如何修复它的：

如何绕过它Ruby on Rails 4.2+的波旁

1. 将波旁葡萄酒添加到您的Gemfile中：

gem 'bourbon'

然后运行：

bundle install

注意：在资产管道中，如果您的样式表仍然是名为application.css的资产，则需要将其重命名为application.scss。

在我自己的例子中，我的流水线被命名为application.css.scss，它之所以有效，是因为我仍然让我的扩展附加到application.scss中的所有链轮指令( .scss、require_tree和require_self)，并使用Sass的原生@import。原因是因为它被解释为here。这样你的application.scss就会像下面这样在开始的中导入Bourbon ：

示例：

@import "bourbon"；@import "bourbon"；@import "bootstrap-sprockets"；@import "bootstrap"；@import "social-share-button";

• Then通过运行以下命令重新启动服务器

rails server

有了所有这些，您应该可以启动并运行了。有关更多信息，请参阅https://github.com/thoughtbot/bourbon