在我的电子商务网站中，未加载单个产品页面

我正在Laravel开发一个电子商务网站。我的产品页面上有我所有的产品。如果我选择一个需要定向到另一个页面的产品作为单个产品详细信息页面，则应该加载该页面。就我而言，当我选择一个产品时，我将被定向到单个产品页面以及URL中显示的该产品的产品ID，但没有加载页面数据。可能是什么问题呢？

这是我在laravel中的第一个项目。如果有人可以帮忙解决问题，那将是很大的帮助。

SingleProductController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Product;
use App\Category;

class SingleProductController extends Controller
{
    public function index(Product $product)
    {
        $arr['product'] = $product;
        return view('singleproducts')->with($arr);

    }
    // public function update(Request $request, Product $product)
    // {
    //     $product-> prod_name = $request-> prod_name;
    //     $product-> prod_image_path  = $request-> prod_image_path;
       
    //     return view('singleproducts',['product'=>$product]);
        
    // }
    public function show($id)
    {
       $product = Product::find($id);
       return view ('singleproducts',['product'=>$product]);
    }
}

singleproducts.blade.php

 <form  action="{{ route('singleproducts',$product->id) }}" enctype="multipart/form-data">
                <div class="mb-xl-14 mb-6">
                    <div class="row">
                        <div class="col-md-5 mb-4 mb-md-0">
                            <div id="sliderSyncingThumb" class="js-slick-carousel u-slick u-slick--slider-syncing u-slick--slider-syncing-size u-slick--gutters-1 u-slick--transform-off"
                                data-infinite="true"
                                data-slides-show="5"
                                data-is-thumbs="true"
                                data-nav-for="#sliderSyncingNav">
                              
                               <div class="js-slide">
                                <img class="img-fluid" src="{{asset('/storage/admin/'.$product ['prod_image_path'] ) }}" alt="Image Description">
                            </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-7 mb-md-6 mb-lg-0">
                            <div class="mb-2">
                                <div class="border-bottom mb-3 pb-md-1 pb-3">
                                    <a href="#" class="font-size-12 text-gray-5 mb-2 d-inline-block"></a>
                                    <h2 class="font-size-25 text-lh-1dot2">{{ $product ['prod_name'] }}</h2>
                                    <div class="mb-2">
                                        <a class="d-inline-flex align-items-center small font-size-15 text-lh-1" href="#">
                                            <div class="text-warning mr-2">
                                                <small class="fas fa-star"></small>
                                                <small class="fas fa-star"></small>
                                                <small class="fas fa-star"></small>
                                                <small class="fas fa-star"></small>
                                                <small class="far fa-star text-muted"></small>
                                            </div>
                                        </a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                      </form>

这是我的路线

Route::get('/singleproducts', 'SingleProductController@index')->name('singleproducts');

可能是什么问题呢？