Ir para conteúdo
Fórum Script Brasil
  • 0

Um tutorial para Laravel Livewire


Frank K Hosaka

Pergunta

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!

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...