"File to import not found or unreadable: materialize"：在 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

application.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";

application.js

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

我确实安装了 Materialize gem。我收到错误是因为我已经安装了 bootstrap 吗？提前致谢！

Answer 1

您应该在添加 gem 后重新启动您的服务器。

Answer 2

虽然与原始问题不完全一致，但原始问题在我 google 解决我的问题的努力中得到了高度重视。我认为这是一个很好的地方，可以为遇到它的任何人提供一个小提示。

在我的例子中，问题是 rails 的默认 CSS 文件被命名为 'application.css'，而不是 'application.scss'。

Answer 3

如果你在 2021 年看到这个。你的问题可能和我的一样，也许这是 Stack overflow 上唯一关于它的问题。

所以，我是运行一个旧的开源项目。遇到了同样的问题以及 materialize-sass 得到更新但工作方式与项目制作时不同的原因.在我写这篇文章的时候。只有2个版本。当时那里只有一个，所以 Gemfile 有这一行 gem 'materialize-sass' 当我在那里安装项目时，由于 Gemfile 中没有特定版本而下载了一个新版本。解决方案只是将该行更改为特定的旧版本 gem 'materialize-sass', '~> 0.100.2'

如果您以后遇到同样的问题，请尝试检查不同的版本。您可以在主网站上找到 materialize

的版本

"File to import not found or unreadable: materialize"：在 Rails 中实现 CSS

"File to import not found or unreadable: materialize": Materialize CSS in Rails

ruby-on-rails

materialize