Mengatasi Error Livewire.js Tidak Berfungsi

Livewire adalah full stack framework untuk laravel yang membuat membangun antarmuka dinamis menjadi sederhana, tanpa meninggalkan kenyamanan Laravel.

Pernahkan Anda mengalami error bahwasanya fungsi livewire tidak berfungsi tidak di load, yang mana jika di cek melalui Concole muncul error dibawah ini :

GET http://localhost/livewire/livewire.js?id=c69d0f2801c01fcf8166 net::ERR_ABORTED 404 (Not Found)

Uncaught ReferenceError: Livewire is not defined


Livewire tidak berfungsi itu disebabkan karena :

  1. Ada file asset dan config livewire yang belum diinstal dan belum di konfigurasi disesuaikan dengan local atau server.
  2. Source Code laravel disimpan di sub folder pada server.
  3. Website dijalankan tidak menggunakan ip di local. 

 Untuk mengatasi Error Livewire.js tersebut, maka dapat mengikuti langkah-langkah berikut:

  1. Menambahkan vendor livewire dengan jalankan perintah php artisan livewire:publish --assets
  2. Menambahkan livewire.php di config dengan jalankan perintah php artisan vendor:publish --tag=livewire:config
  3. Mengubah pada baris ke 57 di livewire.php script berikut 'asset_url' => env('ASSET_URL', null),
  4. Menambahkan pada .env script berikut ASSET_URL=http://localhost/pbb
Pada poin 5 disesuaikan dengan nama domainnya, dan untuk domain di localhost tersebut dapat menggunakan symbolic link (lihat selengkapnya penggunaan symbolic link).

Demikian bagaimana agar Livewire.js berfungsi dengan baik. Semoga bermanfaat dari sekumpulan catatan hasbin.

Artikel Terkait



Referensi :

https://laravel-livewire.com/

https://github.com/livewire/livewire/issues/242

https://github.com/OpenSID/wiki-saas/issues/40

Post a Comment

Lebih baru Lebih lama