Error using Vite, doesnt build. about tall-toasts

[csoutham]

@sawirricardo I had this issue too and looking at the source, the fix is to use the code from resources/js.
import ToastComponent from '../../vendor/usernotnull/tall-toasts/resources/js/tall-toasts';
This will compile correctly using Vite.

[usernotnull]

@csoutham thanks for pitching in!

[sawirricardo]

@sawirricardo I had this issue too and looking at the source, the fix is to use the code from resources/js. import ToastComponent from '../../vendor/usernotnull/tall-toasts/resources/js/tall-toasts'; This will compile correctly using Vite.

Thanks, it works!

[RikoDEV]

The @csoutham solution works only partially for me. Build passes, however when launching the application it shows a livewire related error which is not present in laravel-mix. Update: @toastScripts tag before @vite(['resources/css/app.css', 'resources/js/app.js']) without importing tall-toasts in app.js works as expected.

app.js

import './bootstrap'
import Alpine from 'alpinejs'
import ToastComponent from '../../vendor/usernotnull/tall-toasts/resources/js/tall-toasts';

Alpine.data('ToastComponent', ToastComponent)

window.Alpine = Alpine;
Alpine.start();

[timgavin]

I recommend putting something in the readme regarding this issue. I have a new build with Vite and encountered this issue. Took some digging to find that @csoutham 's solution fixed it. Thanks!

[jeffwhansen]

PR to update README has been merged into main.

[usernotnull]

I'm open for PRs to update README, since I can't test using Vite. My line of work temporarily changed and not coding ATM.