質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Q&A

0回答

1820閲覧

ActionView::Template::Error (File to import not found or unreadable: materialize.のエラー解決方法

ayachika

総合スコア36

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

0グッド

0クリップ

投稿2019/01/27 01:58

編集2022/01/12 10:55

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はしたかという回答であり、答えにたどり着けませんでした。

同じようなエラーを解決したことがある方、このことに関して知見のある方がいらっしゃればご教示お願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問