Livewire scripts fail to load with Acorn v5

acorn
1

I have a Radicle setup with acorn v5. I recently installed Livewire v4 following the Using Livewire with WordPress guide. When loading the frontend, the browser fails to fetch Livewire scripts. Console show the error:

GET
https://radicle.lndo.site/livewire-1aa41904/livewire.js?id=6b3709b1
[HTTP/2 404  2ms]

Loading failed for the <script> with source “https://radicle.lndo.site/livewire-1aa41904/livewire.js?id=6b3709b1”.

Is that the correct URL? I see no livewire.js anywhere under the public directory.

I am using Lando for local development. Haven’t tried on a different environment.

2

I think this is a Lando problem not an Acorn one. I’ve run into something similar using DDEV.

This guide was helpful to me: Fix the /livewire/livewire.js 404 not found error (2025)

I used the NGINX snippet for DDEV, but I believe you can do something similar with Lando. Also since Livewire 4 started hashing the APP_KEY environment variable in the asset injection, you’d also need to account for that in your snippet.

If you don’t want to go the snippet route, I’ve also had success bundling it into my JavaScript in the resources/js/app.js file

3

This is likely an issue when using Lando in WSL. I ended up publishing livewire scripts to overcome this:

lando acorn livewire:publish --assets

Anyway, I recently switched to an Ubuntu environment for development and this issues does not happen there.