404 error on livewire.min.js when APP_DEBUG is set to false

Ok so turns out there's a big red warning about this problem at the top of the Livewire documentation. I tried to configure Nginx like they suggest but it didn't work.

What worked is compiling the JS Livewire assets manually, so replacing @livewireScripts by @livewireScriptConfig in my layout file, and then importing it like this in my JS file:

import { Livewire, Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';

Livewire.start()

Go to the vendor/livewire/livewire/src/Mechanisms/FrontendAssets/FrontendAssets.php

Replace the below lines

app($this::class)->setScriptRoute(function ($handle) { return config('app.debug') ? Route::get('/livewire/livewire.js', $handle) : Route::get('/livewire/livewire.min.js', $handle);

    });

with these lines of code

app($this::class)->setScriptRoute(function ($handle) { return Route::get('/livewire/livewire.js', $handle);

    });

Now, either you set APP_DEBUG=false or true in .env file it will work properly.

The original poster did say whether or not their site was hosted in a directory -- our organization hosts multiple sites on one server and so all sites live within a different path on the same domain. This was causing us pain.

The fix ended up being to put this in our app/Providers/AppServiceProvider.php boot() method:

        // Get the path to our application and stick it in front of the livewire update path
        Livewire::setUpdateRoute(function ($handle) {
            $path = parse_url(config('app.url'))['path'] ?? '';
            return Route::post($path.'/livewire/update', $handle);
        });
        
        Livewire::setScriptRoute(function ($handle) {
            $path = parse_url(config('app.url'))['path'] ?? '';
            // When .env has APP_DEBUG=true we need to use livewire.js and when APP_DEBUG=false we need to use livewire.min.js
            // Got the idea for this from: https://laracasts.com/discuss/channels/livewire/app-debug-to-false-causes-a-404-error-on-livewirejs?page=1&replyId=950404
            $livewire = config('app.debug') ? 'livewire.js' : 'livewire.min.js';
            return Route::get($path.'/livewire/'.$livewire, $handle);
        });