image_tagを使用時にActionView::SyntaxErrorInTemplate

Question

前提・実現したいこと

image_tagを使用して画像をトップページに表示しようとしたところ、
ActionView::SyntaxErrorInTemplateが解決できません。

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

ActionView::SyntaxErrorInTemplate in PrototypesController#index
Encountered a syntax error while rendering template: check <div class="card"> <%= link_to image_tag (prototype.image, class: :card__img) prototype_path(@prototype.id) %> <div class="card__body"> <%= link_to 'prototype.title', prototype_path(@prototype.id), class: :card__title %> <p class="card__summary"> <%= prototype.catch_copy %> </p> <%= link_to "by #{prototype.user.name}", prototype_path(@prototype.id), class: :card__user %> </div> </div>

エラーメッセージ

該当のソースコード

app/views/prototypes/_prototype.html.erb

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

app/controllers/prototypes_controller.rb

class PrototypesController < ApplicationController
  def index
    @prototypes = Prototype.all
  end

  def new
    @prototype = Prototype.new
  end

  def create
    @prototype = Prototype.new(prototype_params)
    if @prototype.save
      redirect_to root_path
    else
      render :new
    end
  end

  def prototype_params
    params.require(:prototype).permit(:title, :catch_copy, :concept, :image).merge(user_id: current_user.id)
  end
end

app/models/prototype.rb

class Prototype < ApplicationRecord
  belongs_to :user
  has_one_attached :image

  validates :title,      presence: true
  validates :catch_copy, presence: true
  validates :concept,    presence: true
  validates :image,      presence: true
end

app/views/prototypes/index.html.erb

<main class="main">
  <div class="inner">
    <% if user_signed_in? %>  
      <div class="greeting">
        こんにちは、
        <%= link_to "#{current_user.name}さん", root_path, class: :greeting__link%>
      </div>
    <% end %>
    <div class="card__wrapper">
      <%= render 'prototype', collection: @prototypes %>
    </div>
  </div>
</main>

config/routes.rb

Rails.application.routes.draw do
  devise_for :users
  root to: 'prototypes#index'
  resources :prototypes, only: [:index, :new, :create, :show]
end

試したこと

アソシエーションが間違っているために、prototype.imageで取得できていないのだと思い、アソシエーションの見直しを行いました。
link_toやimage_tagの使用方法も見直しましたが間違いがわかりません。

宜しくお願いいたします。

Answer 1

エラーメッセージのとおりです。

<%= link_to image_tag (prototype.image, class: :card__img) prototype_path(@prototype.id) %>

この箇所が文法的に成立していません。おそらくは以下のような形ではないでしょうか。

<%= link_to image_tag(prototype.image, class: :card__img), prototype_path(@prototype.id) %>

Comments

[Yoshi63-1020]

ありがとうございます。
追加したところ次はnameErrorが出てしまいました。undefined local variable or method `prototype'とあったのでindex.html.erbの<%= render 'prototype', collection: @prototypes %>の部分を <%= render 'prototype', collection: @prototypes, locals: { prototype: prototype } %>と変更しました。しかしエラーは解消されていません。もし理由がわかるようでしたら教えていただけたらありがたいです。

[maisumakun]

上に書いたlink_toのの中のprototypeを@prototypeにしないといけない、ということではないでしょうか？

[Yoshi63-1020]

度々申し訳ありません。
<%= link_to image_tag(@prototype.image, class: :card__img), prototype_path(@prototype.id) %>としたところ次はNoMethodError　undefined method `image' となってしまいました。

[Yoshi63-1020]

解決できました、ありがとうございました。