search

MedicOneSystems / livewire-datatables

Advanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS
https://livewire-datatables.com/
MIT License
1.19k stars 259 forks source link

Formatting Error with fresh Laravel Jetstream Installation #384

Open xjavun opened 2 years ago

xjavun commented 2 years ago

When installing Laravel with Jetstream and setting up livewire-datatables, I get a formatting error.

Here's how I set up Laravel:

curl -s https://laravel.build/test-app | bash 
cd test-app alias 
sail='bash vendor/bin/sail' 
sail up -d 
sail composer require laravel/jetstream 
sail php artisan jetstream:install livewire --teams 
sail npm install && sail npm run dev 
sail php artisan migrate

This is how I then installed livewire-datatables: sail composer require mediconesystems/livewire-datatables Then I let the following output <livewire:datatable model="App\Models\User" name="all-my-users" />

This leads to the following "incorrectly" formatted view image

thyseus commented 2 years ago

Please check if another sail npm run dev solves the issue. If so, consider leaving a sail npm run watch running in the background during development.

thyseus commented 2 years ago

Also check that @livewireStyles and @livewireScripts are in the appropriate positions, as described in: https://laravel-livewire.com/docs/2.x/quickstart