SNSで記事にコメントをつけることができるようにし、その記事に対するコメント一覧も表示したいが一覧が表示されない、なぜでしょうか？

Question

モデル部分

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Micropost extends Model
{
    protected $fillable = [
        'user_id', 'image_path', 'search_tag', 'map_lat', 'map_long'
    ];
    
    public function user()
    {
        return $this->belongsTo(User::class);
    }
    
    public function comments()
    {
        return $this->hasMany(Comment::class);
    }
}

コントローラー部分

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests;
use App\Http\Controllers\Controller;
use App\User;
use App\Micropost;
use App\Comment;

class CommentsController extends Controller
{
    
    public function index($micropost_id)
    {
        $comments = new Comment;
        $micropost = Micropost::find($micropost_id);
        $comments = $micopost->comments()->orderBy('created_at', 'desc')->paginate(10);
        return view('microposts.show', ['comments' => $comments]);
    }
    
    public function store(Request $request, $micropost_id)
    {
        $micropost = Micropost::find($micropost_id);
        $this->validate($request, ['comment' => 'required|max:191', ]);
        $micropost->comments()->create([
            'user_id' => \Auth::User()->id,
            'micropost_id' => $micropost_id,
            'comment' => $request->comment,
        ]);
        return redirect()->back();
    }
}

viewコメント一覧部分　microposts.show

<ul class="media-list">
@foreach($comments as $comment)ここでUndefined variable: comments とエラーが出る
    <li class="media">
        <div class="media-right">
        <div class="media-body">
            <div>
                <p>{{ $comment->comment }}</p>
            </div>
        </div>
        </div>
    </li>
@endforeach
</ul>

viewコメント入力部分 microposts.show

<p>コメント</p>
    <div class="row">
        <div class="col-xs-12">
            {!! Form::open(['action' => ['CommentsController@store', $micropost->id]]) !!}
                <div class="form-group">
                    {!! Form::textarea('comment', old('comment'), ['class' => 'form-control', 'rows' => '2']) !!}
                </div>
                {!! Form::submit('New comment', ['class' => 'btn btn-warning btn-block']) !!}
        </div>
    </div>

ルーティングは以下の通り　

Route::group(['middleware' => 'auth'], function () {
   Route::resource('users', 'UsersController', ['only' => ['index', 'show', 'edit', 'update', 'destroy']]);
 
    Route::group(['prefix' => 'users/{id}'], function () {
        Route::post('follow', 'UserFollowController@store')->name('user.follow');
        Route::delete('unfollow', 'UserFollowController@destroy')->name('user.unfollow');
        Route::get('followings', 'UsersController@followings')->name('users.followings');
        Route::get('followers', 'UsersController@followers')->name('users.followers');
        
        Route::post('favorite', 'FavoritesController@store')->name('user.favorite');
        Route::delete('unfavorite', 'FavoritesController@destroy')->name('user.unfavorite');
        Route::get('favoritings', 'UsersController@favoritings')->name('users.favoritings');
    });
    Route::get('microposts/search', 'MicropostsController@search');
    Route::get('microposts/maps', 'MicropostsController@maps')->name('microposts.maps');
    Route::resource('microposts', 'MicropostsController', ['only' => ['create', 'store', 'show', 'edit', 'update', 'destroy']]);
   
    Route::group(['prefix' => 'microposts/{id}'], function () {
        Route::resource('comment', 'CommentsController', ['only' => ['index', 'store', 'destroy']]);
    });

Answer 1

micropostsコントローラを見てないので推測ですが

Route::resource('microposts', 'MicropostsController', ['only' => ['create', 'store', 'show', 'edit', 'update', 'destroy']]);

のmicroposts.showと

Route::resource('comment', 'CommentsController', ['only' => ['index', 'store', 'destroy']]);

のcomment.indexが同じmicropost.showのviewを参照しているからだと思います。

つまりコメント一覧を開いた時にCommentControllerのindexではなくMicropostControllerのshowを通っている。
で、MicropostControllerのshowアクションでは $comments 変数をビューへ渡していないので Undefined エラーが出ているのではないでしょうか？

CommentControllerのindexアクションでmicroposts.showのビューへ飛ばすというのが一般的な命名規則としておかしいです（名前が対応していない）。
現に混乱されていますよね。
comments.indexのビューを作って表示させるべきと思います。

Comments

[katahaba]

```
public function show($id)
{
$user = \Auth::user();
$micropost = Micropost::find($id);
$comments = DB::table('comments')->where('micropost_id', $id)->orderBy('created_at', 'desc')->paginate(10);
$data = ['user' => $user, 'micropost' => $micropost, 'comments'=>$comments];

return view('microposts.show',$data);
}
```
としてshowのページにコメント一覧を表示することができましたが、コメントした人のユーザー名が表示できないという別の問題が出て来たので別のトピックスとしてあげることにしました。