JuunNL Posts - Answer Overflow

JuunNL

•Created by JuunNL on 9/16/2024 in #❓┊help

Getting "Detected multiple instances of Alpine" and not sure on how to attack this issue

Hi! I use Filament for my admin via the panel builder which is superb. I now started to use the table builder for one component in the frontend of my application. I now run into an AlpineJS conflict and not sure how to attack this. In my footer I have @FilamentScripts In my app.js I have

import './bootstrap';

import Alpine from 'alpinejs';

window.Alpine = Alpine;

Alpine.start();

import './bootstrap';

import Alpine from 'alpinejs';

window.Alpine = Alpine;

Alpine.start();

On pages where Filament components are included this results in not working components. When I comment out app.js Filament pages work but other pages without Filament components I can not use Alpine. I can not wrap my head around how to attack this in a good way. I would appreciate help 🙂

11 replies

Gaming

Programming