コメント機能のrooting errorが消えない

Question

#実現したいこと
画像投稿一覧ページにコメント機能を実装中です。
コメントが投稿されたら、下記の画像のように仕上げたいです。

#起きている問題
新しいコメントの投稿画面は出来上がりましたが、rooting errorが解決できず困っています。
また、コメントを書いて投稿ボタンを押しても、「失敗しました」の連続でうまくいきません。


#該当のソースコード

config/routes.rb

Rails.application.routes.draw do
  get 'topics/new'
  get 'sessions/new'
  get 'comments/new'
  
  get 'users/new'
  root 'pages#index'
  get 'pages/help'
  root to: "home#index"
  
  get '/login', to: 'sessions#new'
  post '/login', to: 'sessions#create'
  delete '/logout', to: 'sessions#destroy'
  
  resources :users
  resources :topics do
    resources :comments
  end
  
  get 'favorites/index'
  post '/favorites', to: 'favorites#create'
  delete '/favorites', to: 'favorites#destroy'
  
end

app/views/comments/new.html.erb

<div class="topoic-new-wrapper">
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-md-offset-3">
        <h1 class="text-center">Add Comment</h1>
        <%= form_with url: '/topics/' + @topic_id.to_s + '/comments', local: true do |f| %>
        <div class="form-group">
          <%= f.label :message %>
          <%= f.text_area :message, class: 'form-control' %>
          <%= f.hidden_field :topic_id, :value => params[:topic_id] %>
        </div>
        <% if logged_in? %>
          <%= f.submit 'コメント送信', class: 'btn btn-black btn-block' %>
        <% end %>
       <% end %>
      </div>
    </div>
  </div>
</div>

app/views/topics/index.html.erb

<%=link_to new_topic_comment_path(topic_id: topic.id), method: :get do %>
  <%= image_tag 'icons/comment.png', class: 'topic-index-icon' %>
<% end %>

おそらく

<%= form_with url: '/topics' + @topic_id.to_s + '/comments', local: true do |f| %>

or

resources :topics do
  resources :comments
end

のどれが間違っているのか判断できない状況です。

#試してみたこと

resources :topics do
  resources :comments
end

↓　　

get 'comments/index'
post '/comments', to: 'comments#create'

または

<%= form_with url: '/topics/' + @topic_id.to_s + '/comments', local: true do |f| %>

↓

<%= form_with url: @topic_id.to_s + '/comments', local: true do |f| %>

Answer 1

topics_controller

def index
    @topics = Topic.all.includes(:favorite_users, :comment_users)
  end

topics/index.html.erb

<p class="topic-text">
  <%= topic.description %>
</p>
<h3>コメント</h3>
  <% topic.comments.each do |comment| %>
    <p class="topic-text">
      <%= comment.message %>
    </p>
  <% end %>

とやれば、topic画面にコメントが出ました。

Answer 2

  resources :topics do
    resources :comments
  end

からしてform_with url: '/topics' + @topic_id.to_s + '/comments'はほぼよいのですが二つ問題があります。

1)エラーメッセージでは　posts/comments がないといわれています。
これはおそらく　@topic_id　に topic.id が入っていない（nil)なためと思われます。
app/views/comments/new.html.erb　を呼び出すactionのcodeを確認してください。

2)それが解決すると　posts18/comments のようなURLになってしまいます
form_with url: '/topics/' + @topic_id.to_s + '/comments'としてください

Comments

[chihiro7215]

ご回答ありがとうございます。
comments_controllerに
@comment.user_id = current_user.id　を付けたらエラーが出なくなりましたが、
画像投稿一覧（topics）に戻ってしまいました。

[winterboum]

controllerがないとなんともわかりません

[chihiro7215]

class CommentsController < ApplicationController

def new
@comment = Comment.new
@topic_id = params[:topic_id]
end

def create
@comment = Comment.new
@comment.user_id = current_user.id
@comment.topic_id = params[:topic_id]
@comment.message = params[:message]

if @comment.save
redirect_to topics_path, success: 'コメントしました'
else
flash.now[:danger] = 'コメントに失敗しました'
render :new
end
end

private
def comment_params
params.require(:comment).permit(:user_id, :topic_id, :message)
end

end

comments_comtrollerの中身です。