I get "window.LaravelCookieConsent is undefined" in console.log when i click on any button and it doesn't work

[nourishingafrica]

I get "window.LaravelCookieConsent is undefined" in console.log when i click on any button and it doesn't work

[nourishingafrica]

function handleAcceptEssentials(e) {
        e.preventDefault();
        if (window.LaravelCookieConsent && typeof window.LaravelCookieConsent.acceptEssentials === 'function') {
            window.LaravelCookieConsent.acceptEssentials();
            hideCookiePolicy();
        } else {
            console.error('LaravelCookieConsent.acceptEssentials is not available');
        }
    }``

[toonvandenbos]

Looks like the JS isn't included. Did you load the scripts into the page and check you don't have custom rules preventing them to run correctly?

[nourishingafrica]

I used the blade directives just as was stated in the guide. Although I have a vue.js app.js script on the page. I don't know if that's causing the conflict

[toonvandenbos]

Could be, can you see the JS file in the browser's network tab ?

[captainscorch]

I had a similar issue and found a solution, maybe this helps you: #64

Try to update the url prefix in cookieconsent.php to 'prefix' => 'cookieconsent',

[geertjanknapen1]

I'm bumping this.
@captainscorch 's workaround does not work either.
On click of the 'Accept all' button I get the following error

Uncaught TypeError: Cannot read properties of undefined (reading 'acceptAll')

Which originates from the @cookieconsentscripts Blade directive, because window.LaravelCookieConsent is undefined.

I used the Installation guide with a Laravel 11.x installation.

[Clovelock]

Has anyone managed to track this one down? Error tracking is flagging this one up by I can't replicate myself.

EDIT: A quick fix for this is to hide the modal with CSS and show it once all scripts have loaded. The issue is where the modal is shown but the Javascript hasn't loaded yet.

I've added this to the cookies.blade.php view and added a hidden class to the main element (tailwind).

<script>
    window.onload = function () {
        document.getElementById('cookies-policy').classList.remove('hidden');
    };
</script>