Laravel视图报错：Attempt to read property "productImages" on null求排查

问题代码 #

对应的Blade代码如下：

<tbody>
    @if ($items->isNotEmpty())
        @foreach ($items as $item)
            @php
                $product = $item->associatedModel; 
                $image = !empty($product->productImages->first()) ? asset('storage') . '/' . $product->productImages->first()->path : asset('themes/ezone/assets/img/cart/3.jpg');
            @endphp
            <tr>
                <td class="product-remove">
                    <a href="{{ route('carts.remove', ['id' => $item->id]) }}" class="delete"><i class="pe-7s-close"></i></a>
                </td>
                <td class="product-thumbnail">
                    <a href="{{ route('product.show', ['slug' => $product->slug]) }}"><img src="{{ $image }}" alt="{{ $product->name }}" style="width:100px"></a>
                </td>
                <td class="product-name"><a href="{{ route('product.show', ['slug' => $product->slug]) }}">{{ $product->name }}</a></td>
                <td class="product-price-cart"><span class="amount">{{ number_format($item->price) }}</span></td>
                <td class="product-quantity">
                    <input type="number" name="quantity" value="{{ $item->quantity }}" min="1" required class="item-quantity" data-item-id="{{ $item->id }}">
                </td>
                <td class="product-subtotal">
                    <span id="subtotal-{{ $item->id }}">{{ number_format($item->price * $item->quantity) }}</span>
                </td>
            </tr>
        @endforeach
    @else
        <tr>
            <td colspan="6">The cart is empty!</td>
        </tr>
    @endif
</tbody>

错误原因 #

报错的核心是$product = $item->associatedModel返回了null——当前购物车项没有关联到有效的商品模型实例，后续直接访问$product->productImages自然会触发空属性读取错误。同时代码中多处直接使用$product->slug、$product->name的逻辑，也会因为$product为null引发报错。

修复方案 #

1. 视图层直接修复 #

在获取商品模型后先判断是否存在，避免空属性访问：

<tbody>
    @if ($items->isNotEmpty())
        @foreach ($items as $item)
            @php
                $product = $item->associatedModel; 
                // 若商品不存在，直接跳过当前购物车项
                if (is_null($product)) {
                    continue;
                }
                // 简化图片赋值逻辑
                $image = $product->productImages->first() 
                    ? asset('storage/' . $product->productImages->first()->path) 
                    : asset('themes/ezone/assets/img/cart/3.jpg');
            @endphp
            <tr>
                <td class="product-remove">
                    <a href="{{ route('carts.remove', ['id' => $item->id]) }}" class="delete"><i class="pe-7s-close"></i></a>
                </td>
                <td class="product-thumbnail">
                    <a href="{{ route('product.show', ['slug' => $product->slug]) }}"><img src="{{ $image }}" alt="{{ $product->name }}" style="width:100px"></a>
                </td>
                <td class="product-name"><a href="{{ route('product.show', ['slug' => $product->slug]) }}">{{ $product->name }}</a></td>
                <td class="product-price-cart"><span class="amount">{{ number_format($item->price) }}</span></td>
                <td class="product-quantity">
                    <input type="number" name="quantity" value="{{ $item->quantity }}" min="1" required class="item-quantity" data-item-id="{{ $item->id }}">
                </td>
                <td class="product-subtotal">
                    <span id="subtotal-{{ $item->id }}">{{ number_format($item->price * $item->quantity) }}</span>
                </td>
            </tr>
        @endforeach
    @else
        <tr>
            <td colspan="6">The cart is empty!</td>
        </tr>
    @endif
</tbody>

2. 后端模型层优化（可选） #

为了从根源避免null返回，可以在购物车模型的关联方法中设置默认值：

// 购物车模型文件（如Cart.php）
public function associatedModel()
{
    return $this->belongsTo(Product::class)->withDefault([
        'name' => '已下架商品',
        'slug' => '',
    ]);
}

这样即使商品不存在，$item->associatedModel也会返回一个默认的商品实例，不会出现null，视图层可以正常渲染默认内容。

内容的提问来源于stack exchange，提问作者GempitaRizki