Collapsible not working on sidebar

filament config has this
  ... 'sidebar' => [
            'is_collapsible_on_desktop' => true,
            'groups' => [
                'are_collapsible' => true,
            ],
            'width' => '16.6rem',
            'collapsed_width' => null,
        ], ...
. resources/js/app.js has this
import Alpine from 'alpinejs'
import axios from 'axios'
import Echo from 'laravel-echo'
import AlpineFloatingUI from '@awcodes/alpine-floating-ui'
import NotificationsAlpinePlugin from '../../vendor/filament/notifications/dist/module.esm'

window.axios = axios
window.Pusher = Pusher

Alpine.plugin(AlpineFloatingUI)
Alpine.plugin(NotificationsAlpinePlugin)



window.Alpine = Alpine

Alpine.start()
while the css counterpart has this
@import './../../vendor/filament/filament/resources/css/app.css';

@tailwind base;
@tailwind components;
@tailwind utilities;
.Ran npm build successfully but the sidebar does not really open up nor close .I would appreciate any leads. I'm using the yepsua plugin for them and i've checked it that it works as expected.Thank you.
sidebar_error.png
Solution
Okay, I can't tell where this issue is from, but your blade files look broken. So best to remove vendor/, reinstall via composer install and run artisan filament:upgrade
Was this page helpful?