使用 Jetstream 在 Laravel 8 中添加新的 Livewire 组件时如何解决 RootTagMissingFromViewException 错误

Question

I'm trying to add a new Livewire component to Laravel 8 Jetstream but looks I'm doing something wrong and getting the following error.

Error:

Livewire\Exceptions\RootTagMissingFromViewException
Livewire encountered a missing root tag when trying to render a component. When rendering a Blade view, make sure it contains a root HTML tag

Route:

// web.php
Route::middleware('auth')->group(function() {
    Route::get('/newEmployee', NewEmployee::class);
});

Controller:

// app/Http/Livewire/NewEmployee.php

namespace App\Http\Livewire;

use Livewire\Component;

class NewEmployee extends Component
{
    public function render()
    {
        return view('livewire.new-employee')->layout('layouts.app')->name('NewEmployee');
    }
}

View:

<!-- resources/views/livewire/new-employee.blade.php  -->
<div>
    <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
            <h1> New Wmployee </h1>
    </div>
</div>

Answer 1

Won't (name) the method. Please define:

return view('livewire.new-employee')->layout('layouts.app');

Answer 2

You need add any HTML Tags in your livewire BLADE file. LiveWire need HTML TAG in BLADE file. So add simple TEST PAGE in LIVEWIRE BLADE. Issue should resolved.