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

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

詳細はこちら
Ruby on Rails 5

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

Ruby

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

Q&A

1回答

1281閲覧

Sprockets::Rails::Helper::AssetNotFound in Articles#indexというエラーが出ます。

退会済みユーザー

退会済みユーザー

総合スコア0

Ruby on Rails 5

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

Ruby

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

0グッド

0クリップ

投稿2019/12/11 09:04

前提・実現したいこと

Ruby on Railsで動画を見ながら、ブログを作成しています。
ブログ画面で画像を出したいのですが、以下のようなエラーが出てしまいました。

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

「Sprockets::Rails::Helper::AssetNotFound in Articles#index、 The asset "mtfuji.jpg" is not present in the asset pipeline.」
app/views/articles/index.html.erb <div class="container"> <h1 class="text-center">おのっぴのブログ</h1> <% @articles.each do |article| %> <div class="col-md-3 margin-top-5per"> <%= image_tag 'mtfuji.jpg' %> ←ここで、エラーが出る。 <p class="title"><%= article.title %></P> <%= article.created_at.strftime("%Y/%m/%d %H:%M:%S") %> </div> <% end %> </div>

試したこと

app/aseets/images以下に画像データ(大きさは800 × 600)が入っていることは、
確認しました。
「app/aseets/images/mtfuji.jpg」←画像データ
config/application.rbに「Rails.application.config.assets.unknown_asset_fallback = true」を
追記し、サーバーを再起動(http://localhost:3000/)すると、エラー画面は
出ず、ブログ画面にはなりますが、画像は出てきませんでした(画像のところだけ、
エラーっぽい絵が出ている)。
事前に、BootstrapというものをRailsに導入しています。
app/aseets/stylesheets/application.scssには、
@import "bootstrap-sprockets";
@import "bootstrap";
@import 'articles';
を追記しました。

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

railsのバージョンは、Rails 5.2.4、
rubyのバージョンは、ruby 2.5.1p57、
gem 'sass-rails'とgem 'bootstrap-sass'を
インストールしています。

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

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

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

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

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

guest

回答1

0

画像が大きすぎるとエラーが出る、ということが過去にあったことを思い出し、画像を「370 × 246」ものに変えたところ、
表示ができました。画像の大きさでエラーが出る理由はまだわかりませんが、解決いたしました。

投稿2019/12/11 10:00

退会済みユーザー

退会済みユーザー

総合スコア0

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

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

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

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問