railsにmaterializecssを導入しようとしたところ、標記エラーが発生しました。
#環境
Ruby 2.4.1
Ruby on Rails 5.2.2
Node.js 6.15.1
yarn 1.13.0
Webpacker 3.0.2
Vue.js 2.4.3
#ソースコード
railsにmaterializecssを導入する方法はいくつかありますが,こちらを参考にgemで対応しました。
mkhairi/materialize-sass
gemfile
rb
1 2(略) 3gem 'jquery-rails' #追加 4gem 'materialize-sass', '~> 1.0.0' #追加 5gem 'material_icons' #追加
assets/stylesheets/application.scss
rb
1(略) 2/* Materialize */ 3@import "materialize/components/color-variables"; 4$primary-color: color("blue", "lighten-2") !default; 5$secondary-color: color("yellow", "base") !default; 6 7@import 'materialize'; 8
/javascripts/application.js
rb
1+ //= require jquery 2+ //= require materialize 3//= require rails-ujs
#エラー内容
Sass::SyntaxError in Home#index Showing /home/ec2-user/environment/chartapp/app/views/layouts/application.html.erb where line #8 raised: File to import not found or unreadable: materialize/components/color-variables.
ログには下記のとおりでした。
ActionView::Template::Error (File to import not found or unreadable: materialize/components/color-variables.
materialize/components/color-variablesっていうファイルがインポートされてないか読み込めないと記載していますが、application.scssにインポートする記述を行っているはずなのになぜこのようなエラーが発生するのかわかりません。
インターネット上で同じような質問が数多くあるのですが、大抵がbundle installはしたかという回答であり、答えにたどり着けませんでした。
同じようなエラーを解決したことがある方、このことに関して知見のある方がいらっしゃればご教示お願いします。
あなたの回答
tips
プレビュー