Sass :: SyntaxError：導入未找到或不可讀的文件：bourbon / bourbon

Question

我已經安裝了rvm和bourbon。 然后我將波旁威士忌安裝到我的/ 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幫助或訪問命令行工具wiki安裝（Bourbon v3.0 +）

gem install bourbon

通過生成波旁文件夾將Bourbon安裝到當前目錄中：

bourbon install

生成的文件夾將包含所有mixins和其他必要的波旁文件。 建議不要添加或修改波旁文件，以便您可以輕松更新波旁威士忌。

您可以使用路徑標志指定目標目錄：

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 install --path my/custom/path/

將它放在通常保存本地Web文件的目錄中以便於訪問是個好主意。 我已經在我的用戶目錄中安裝了當前有點痛苦，但我必須在我的sass文件中調用我的波旁威士忌：

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

Answer 3

是的，這實際上是晚了，只是使用Rails 4.2.5.1遇到了同樣的問題。 我認為在您自己的情況下，問題是您沒有重命名您的資產管道（css文件）來攜帶擴展名.scss 。

以下是我修復它的方法 ：

如何繞過它Bourbon for Ruby on Rails 4.2+

將Bourbon添加到您的Gemfile：
gem 'bourbon'

然后運行：
bundle install

注意：在資產管道中，如果樣式表仍然是名為application.css資產，則需要將其重命名為application.scss 。
在我自己的情況下，我的管道名為application.css.scss ，它起作用，因為我的擴展名仍然附加到.scss擴展名。
刪除application.scss中的所有Sprockets指令（require，require_tree和require_self），然后使用Sass的本機@import。 原因正如此處所解釋的那樣。 這樣你的application.scss將在開頭導入Bourbon ，如下所示：
例：
```
  @import "bourbon"; @import "bourbon"; @import "bootstrap-sprockets"; @import "bootstrap"; @import "social-share-button"; 
```
然后通過運行重新啟動服務器
rails server

有了這些，你應該開始運作。 有關詳細信息，請參閱https://github.com/thoughtbot/bourbon

Answer 4

當我升級Rails版本（3.2 - > 5.0）時，我遇到了這個問題。 在此過程中，我留下了group :assets Gemfile中的group :assets 。 從該組中取出bourbon和其他寶石解決了這個問題。

Answer 5

試試這個 （如果你使用的是Rails） ：

當他升級版本的Rails（3.2 - > 5.0）時，我的同事發生了這種情況：他意外地在組中遺留了一些寶石:assets ，在Rails 4中被棄用。