Компоненты навигационной панели не загружаются ⇐ Php

[Anonymous]

У меня стандартная установка laravel 10 и livewire 3, я реализую тему Flowbite в приложении SPA.

• После полного обновления страницы отображаются компоненты панели навигации. правильно.
• Но когда я нажимаю на любую другую страницу через панель навигации (wire:navigate), некоторые элементы не загружаются, например, кнопка переключения темного режима и раскрывающиеся списки не работают.
• li>

После поиска я нашел это в документации в livewire и реализовал в app.js, как показано ниже

Код: Выделить всё

import './bootstrap';
import 'flowbite';
import './dark-mode';
import { initFlowbite } from 'flowbite';

document.addEventListener('livewire:navigated', () => {
// console.log('navigated');
initFlowbite();
})

После приведенного выше кода компоненты корректно отображаются при обновлении формы, но не при нажатии на навигацию.
Пожалуйста, посмотрите на следующие снимки экрана. .

• Первый снимок экрана — это полное обновление страницы.
• Второй снимок экрана — это когда я нажал настройки навигацию.

Обратите внимание на панель навигации и кнопку переключения темного режима.




Пожалуйста, помогите.

Подробнее здесь: https://stackoverflow.com/questions/773 ... ot-loading