🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Materialize

Materializeは、Googleが提唱するマテリアルデザインのサイト作成ができるCSSのフレームワーク。頻繁に使用されるスタイルが既に定義されており、優れたデザインのページを作成できます。また、レスポンシブWebデザインにも対応可能です。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSSフレームワーク

CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。

Q&A

解決済

1回答

2643閲覧

【Rails】materializeが読み込まれない。 Sass::SyntaxError

donut4

総合スコア170

Materialize

Materializeは、Googleが提唱するマテリアルデザインのサイト作成ができるCSSのフレームワーク。頻繁に使用されるスタイルが既に定義されており、優れたデザインのページを作成できます。また、レスポンシブWebデザインにも対応可能です。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSSフレームワーク

CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。

0グッド

0クリップ

投稿2019/05/15 02:01

編集2019/05/15 06:00

前提・実現したいこと

Railsでcloneしたプロジェクトを
ローカルで動かしたい。

materializeが適用されなくて困ってます。

発生している問題・エラーメッセージ

Sass::SyntaxError in Users#account_status
Showing /home/hogeOS/hoge/app/views/users/account_status.html.slim where line #2 raised:

File to import not found or unreadable: materialize/components/color.
Load paths:
/home/hogeOS/hoge/app/assets/config
/home/hogeOS/hoge/app/assets/images



/home/hogeOS/.rbenv/versions/2.5.1/lib/ruby/gems/2.5.0/gems/turbolinks-source-5.2.0/lib/assets/javascripts
/home/hogeOS/.rbenv/versions/2.5.1/lib/ruby/gems/2.5.0/gems/materialize-sass-1.0.0/assets/stylesheets
/home/hogeOS/.rbenv/versions/2.5.1/lib/ruby/gems/2.5.0/gems/materialize-sass-1.0.0/assets/javascripts

該当のソースコード

☆app\views\users\account_status.html.slim

.follower-up = image_tag "lim.png", {size: "104x88", style: "float: left"} div[style="font-size: 24px; margin-top: 32px"] = @account - unless @login div[style="text-align: center"] div[style="font-size: 28px; margin-top: 32px; margin-bottom: 32px;"] | 管理ページログイン ・ ・ ・

☆app\assets\stylesheets\affiliaters.scss

// Place all the styles related to the Affiliaters controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ @import "materialize/components/color"; $primary-color: color("blue", "lighten-2") !default; @import 'materialize'; .select_box input.select-dropdown{ font-size: 20px !important; margin-top: 10px; } body { background: image-url('background.png') no-repeat 0 0; background-size: auto 10000px; } ・ ・ ・

イメージ説明

gemfileにはgem 'materialize-sass'
の記述がありbundle installも上手くいったのででインストールはされていると思います。

試したこと

CUIでファイルの有無、パーミッションを確認しましたが
問題ありませんでした。

補足情報(FW/ツールのバージョンなど)

バージョン
Rails 5.2.3
materialize-sass 1.0.0

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

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

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

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

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

guest

回答1

0

自己解決

@import "materialize/components/color";
の記述を
@import "materialize";
に修正したら解決しました。

投稿2019/05/16 02:30

donut4

総合スコア170

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問