Laravel InvalidArgumentException：无法找到input-error组件类或视图

问题分析 #

访问http://localhost:8000/chirps时触发InvalidArgumentException，提示找不到input-error组件，说明Blade模板中使用的<x-input-error>组件不存在或无法被Laravel识别。该组件是Laravel Breeze提供的默认UI组件，你的路由和控制器逻辑正常（纯文本可正常显示），问题出在组件文件本身。

解决方案 #

1. 检查并创建组件文件 #

确认项目中是否存在resources/views/components/input-error.blade.php文件。如果没有，手动创建该文件，并添加以下内容：

@props(['messages'])

@if ($messages)
    <ul {{ $attributes->merge(['class' => 'text-sm text-red-600 space-y-1']) }}>
        @foreach ((array) $messages as $message)
            <li>{{ $message }}</li>
        @endforeach
    </ul>
@endif

2. 清理视图缓存 #

执行以下命令清除Laravel视图缓存，避免缓存导致组件无法被识别：

php artisan view:clear

3. 重新发布Breeze组件 #

如果上述步骤无效，重新发布Breeze的视图组件，确保组件文件被正确生成：

php artisan vendor:publish --tag=laravel-breeze-components

相关代码验证 #

你的路由、控制器代码逻辑正常，关键代码如下：

web.php #

<?php

use App\Http\Controllers\ChirpController;
use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return view('welcome');
});

Route::get('/dashboard', function () {
    return view('dashboard');
})->middleware(['auth'])->name('dashboard');

Route::resource('chirps', ChirpController::class)
    ->only(['index', 'store'])
    ->middleware(['auth', 'verified']);
    
require __DIR__.'/auth.php';

ChirpController.php #

<?php

namespace App\Http\Controllers;

use App\Models\Chirp;
use Illuminate\Http\Request;
use Illuminate\View\View;

class ChirpController extends Controller
{
    public function index(): View
    {
        return view('chirps.index');
    }

    public function store(Request $request)
    {
        //
    }
}

index.blade.php #

<x-app-layout>
    <div class="max-w-2xl mx-auto p-4 sm:p-6 lg:p-8">
        <form method="POST" action="{{ route('chirps.store') }}">
            @csrf
            <textarea
                name="message"
                placeholder="{{ __('What\'s on your mind?') }}"
                class="block w-full border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm"
            >{{ old('message') }}</textarea>
            <x-input-error :messages="$errors->get('message')" class="mt-2" />
            <x-primary-button class="mt-4">{{ __('Chirp') }}</x-primary-button>
        </form>
    </div>
</x-app-layout>

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