Um tutorial para Laravel Livewire

[Frank K Hosaka]

Encontrei nesse endereço Laravel 9 JetStream Livewire CRUD Operations Tutorial | by LaravelTuts | Medium um tutorial para instalar o Livewire no Laravel, ele é um componente que permite criar modal. Eu tentei instalar cinco vezes, mas não consegui. Hoje eu consegui a ajuda do Mix manifest not found at: C:\wamp64\www\example-app\public\/mix-manifest.json (laracasts.com), e assim consegui um roteiro para tornar o tutorial funcional:

1. composer create-project laravel/laravel example-app
2. cd example-app
3. composer require laravel/jetstream
4. php artisan jetstream:install livewire
5. npm install
6. npm run dev
7. verificar /app/Providers/AppServiceProvider.php
 

<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\Schema;
class AppServiceProvider extends ServiceProvider{
    /* Register any application services. @return void */
    public function register(){}
    /* Bootstrap any application services. @return void */
    public function boot(){Schema::defaultStringLength(191);}
}

8. php artisan migrate
9. php artisan make:migration create_products_table
10. copiar código do tutorial em database/migrations/2022_12_31_184629_create_products_table.php
11. php artisan migrate
12. php artisan make:model Product
13. copiar código do tutorial em app/Models/Product.php
14. php artisan make:livewire products
15. copiar código do tutorial em app/Http/Livewire/Products.php
16. copiar código do tutorial em resources/views/livewire/products.blade.php
17. criar e copiar código do tutorial em resources/views/livewire/create.blade.php
18. copiar código do tutorial em resources/views/layout/app.blade.php
19. ADICIONAR código do tutorial em routes/web.php
20. alterar código de resources/views/layout/app.blade.php
 

onde tiver

<!-- Styles -->
<link rel="stylesheet" href="{{ mix('css/app.css') }}">
 <script src="https://cdn.tailwindcss.com/?plugins=forms"></script>
   @livewireStyles
   <!-- Scripts -->
<script src="{{ mix('js/app.js') }}" defer></script>

mudar para

<!-- Styles & Scripts -->
<script src="https://cdn.tailwindcss.com/?plugins=forms"></script>
@livewireStyles
@vite(['resources/css/app.css','resources/js/app.js'])

21. php artisan serve

e rezar bastante. Feliz Ano Novo!