link_toの中にimage_tagを挿入したい。

Question

#実現したいこと
投稿一覧のページに投稿された写真一覧をアップし、写真、写真のタイトル、説明文ユーザー名から詳細ページに遷移させようとしております。

下記のコードは上段がエラー文、下記が該当のビューファイルです。（pathは仮でrootにしています。）

現状はこのように記載しております。

ゴールは下記のHTMLのビューから詳細ページに飛ばすことです。

変数の定義、もしくは、文法が違うのかと思いますが、様々なサイトを拝見しましたが、原因を特定出来ません。

どこがどのようにおかしいか教えて頂けますでしょうか。

よろしくお願い致します。

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

NoMethodError in Photos#index
undefined method `image' for nil:NilClass

<div class="card">
   <%= link_to image_tag("#{@photo.image}", class: :card__img ), root_path%>（現在のエラー箇所）
  <div class="card__body">
    <%= link_to "#{@photo.title}", root_path, class: :card__title%>
    <p class="card__summary">
      <%= "#{@photo.catch_copy}" %>

<div class="card">
  <%= link_to image_tag("#{@photo.image}", class: :card__img ), root_path%>
  <div class="card__body">
    <%= link_to "#{@photo.title}", root_path, class: :card__title%>
    <p class="card__summary">
      <%= "#{@photo.catch_copy}" %>
    </p>
    <%= link_to "by #{user.name}", root_path, class: :card__user %>
  </div>
</div>

Comments

[maisumakun]

NoMethodError in Photos#indexがどの行に出ているかなど、エラーメッセージに詳細が出ているかと思いますので、そちらもご提示いただけませんでしょうか？

[zoomer]

ご回答ありがとうございます。

エラーが出ているのはerrorの２行目の

<%= link_to image_tag("#{@photo.image}", class: :card__img ), root_path%>

こちらです。

その下のコードもあっているかは現状はわからない状態でございます。

Answer 1

link_to ("#{image_tag　@photo.image}"に変更して、解決しました。

Answer 2

おそらくですが、@prhotoというスペルミスが問題なのではないでしょうか。

Comments

[maisumakun]

どうやら、コピペミスだったようです（質問のほうが修正されています）。

[maisumakun]

ちゃんと@photoは来ていますでしょうか？

（Rubyの場合、nilに対しても存在すればメソッドは呼べるので、意図せずに値がnilとなった場合もNoMethodErrorが発生します）

[zoomer]

上記のビューを触る前に、Photo.modelにてバリデージョンの設定をしました。

また、Photo.controllerにてrequireとpermitの設定をして、画像が保存されているのは確認出来ていております。

また、@prototypes = Prototype.alというのもPhoto.controllerに定義してありますが、現状はビューにデータが飛んでいないように思います。

[maisumakun]

コントローラーはどのように書いていますか？

[zoomer]

class PhotoController < ApplicationController

def index
@photo = Photo.all
end

def new
@photo = Photo.new
end

def create
if
Photo.create(photo_params)
redirect_to root_path
else
render :new
end
end

def show
end

private
def photo_params
params.require(:photo).permit(:title, :catch_copy, :image).merge(user_id: current_user.id)
end

end

[zoomer]

コントローラーは上記の通りです。

ご確認お願い致します。