“未找到或不可讀的要導入的文件：物化”：在 Rails 中物化 CSS

Question

我正在嘗試在 Rails 項目中使用 Materialize CSS 框架，但遇到以下錯誤：

File to import not found or unreadable: materialize. Load paths: 
/home/ubuntu/workspace/photoid/app/assets/images 
/home/ubuntu/workspace/photoid/app/assets/javascripts 
/home/ubuntu/workspace/photoid/app/assets/stylesheets 
/home/ubuntu/workspace/photoid/vendor/assets/javascripts 
/home/ubuntu/workspace/photoid/vendor/assets/stylesheets 
/usr/local/rvm/gems/ruby-2.3.0/gems/web-console-2.0.0.beta3/app/assets/javascripts 
/usr/local/rvm/gems/ruby-2.3.0/gems/web-console-2.0.0.beta3/app/assets/stylesheets 
/usr/local/rvm/gems/ruby-2.3.0/gems/web-console-2.0.0.beta3/lib/assets/javascripts 
/usr/local/rvm/gems/ruby-2.3.0/gems/web-console-2.0.0.beta3/vendor/assets/javascripts 
/usr/local/rvm/gems/ruby-2.3.0/gems/turbolinks-2.5.3/lib/assets/javascripts 
/usr/local/rvm/gems/ruby-2.3.0/gems/jquery-rails-4.1.1/vendor/assets/javascripts 
/usr/local/rvm/gems/ruby-2.3.0/gems/font-awesome-rails-4.6.3.1/app/assets/fonts 
/usr/local/rvm/gems/ruby-2.3.0/gems/font-awesome-rails-4.6.3.1/app/assets/stylesheets 
/usr/local/rvm/gems/ruby-2.3.0/gems/cloudinary-1.2.0/vendor/assets/html 
/usr/local/rvm/gems/ruby-2.3.0/gems/cloudinary-1.2.0/vendor/assets/javascripts 
/usr/local/rvm/gems/ruby-2.3.0/gems/coffee-rails-4.1.1/lib/assets/javascripts 
/usr/local/rvm/gems/ruby-2.3.0/gems/bootstrap-sass-3.3.6/assets/stylesheets 
/usr/local/rvm/gems/ruby-2.3.0/gems/bootstrap-sass-3.3.6/assets/javascripts 
/usr/local/rvm/gems/ruby-2.3.0/gems/bootstrap-sass-3.3.6/assets/fonts 
/usr/local/rvm/gems/ruby-2.3.0/gems/bootstrap-sass-3.3.6/assets/images 
/usr/local/rvm/gems/ruby-2.3.0/gems/bootstrap-sass-3.3.6/assets/stylesheets

應用程序.scss

/*
*= require_tree .
*= require_self
*= require font-awesome
*/

// "bootstrap-sprockets" must be imported before "bootstrap" and "bootstrap/variables"

@import "materialize";
@import "bootstrap-sprockets";
@import "bootstrap";

應用程序.js

//= require jquery
//= require jquery_ujs
//= require materialize-sprockets
//= require bootstrap-sprockets
//= require turbolinks
//= require_tree .
//= require jquery.infinitescroll

我確實安裝了Materialise gem 。 我收到錯誤是因為我已經安裝了引導程序嗎？ 提前致謝！

Answer 1

添加 gem 后，您應該重新啟動服務器。

Answer 2

雖然與最初的問題並不完全一致，但最初的問題在我為解決我的問題所做的 google 努力中得到了很高的評價。 我認為這是給遇到它的任何其他人一個小提示的好地方。

就我而言，問題是 rails 的默認 CSS 文件被命名為“application.css”。 css '，而不是'應用程序。 scss '。

Answer 3

如果你在 2021 年看到這個。你的問題可能和我的一樣，也許這是堆棧溢出的唯一問題。

所以，我正在運行一個舊的開源項目。 遇到了同樣的問題，以及materialize-sass得到更新並且與項目制作時的工作方式不同的原因。 在我寫這篇文章的時候。 只有2個版本。 那時只有一個，所以當我在那里安裝項目時，Gemfile 有這一行gem 'materialize-sass' ，其中下載了一個新版本，因為 Gemfile 中沒有特定版本。 解決方案只是將該行更改為特定的舊版本gem 'materialize-sass', '~> 0.100.2'

如果您以后遇到同樣的問題，請嘗試檢查不同的版本。 您可以在主要網站上找到用於實現的版本