Level 63
Have you deleted the @livewireScripts and @livewireStyles from the base template ?
Nov 17, 2023
19
Level 2
Livewire not detected after upgrading to V3
I recently migrated a project over from Livewire V2 to V3. The front end of the site seems fine; I can click on other pages and display the page. However, all of the buttons or any interactivity seems to be nulled. If I type in on a form, no validation or authorization works; and nothing gets inserted. In short, it has the same effect as having a blank button.
I recently took the Counter Example put on by Livewire's site, and when clicking add or decrease, nothing happens.
What's even more strange is that when I try to use LivewireDev tools, it's grayed out, and says Livewire is not detected. After upgrading from v2 to v3, has anyone ever had this problem?
I am putting my View and controller of the sample counter.
View:
<div>
<!-- After clicking either button, the counter stays at 1 -->
<h1>{{ $count }}</h1>
<button wire:click="increment">Add</button>
<button wire:click="decrement">Delete</button>
</div>
Livewire controller:
<?php
namespace App\Livewire;
use Livewire\Component;
class Counter extends Component
{
public $count = 1;
public function increment()
{
$this->count++;
}
public function decrement()
{
$this->count--;
}
public function render()
{
return view('livewire.counter');
}
}
Level 2
@vincent15000 Yes. In Livewire 3, @livewireScripts and @livewireStyles seemed to be implemented automatically. Unless I have it wrong.
1 like
Level 63
@Jdubstep1357 I didn't see you other question : effectively the livewire dev tool is not compatible with version 3, you have to wait until a new version has been developed.
1 like
Level 2
@vincent15000 That's good to know!
I'm more confused as to why the links to other pages and styling on all the pages all work perfectly fine, but if I try to do anything else, like make a form or log into an account, nothing happens.
1 like
Level 63
@Jdubstep1357 Perhaps something to customize in the livewire configuration file ?
Level 2
@vincent15000 Ill look around in the config file.
1 like
Level 63
@Jdubstep1357 Perhaps you should also delete bootstrap cache files and generate them again.
Level 2
@vincent15000 Luckily, before the migration, I had a backup on github. Ill just re-update V2 to V3.
1 like
Level 63
@Jdubstep1357 What do you mean ?
Level 2
@vincent15000 I mean go back to my previous commit on github when I was at Livewire version 2, and try to upgrade to version 3 again from scratch.
1 like
Level 63
@Jdubstep1357 Have you followed the upgrade guide ?
Level 2
@vincent15000 I looked at the guide before installing, and there probably was some misstep I made. I will post back here either way once I re-upgrade everything.
1 like
Level 63
@Jdubstep1357 Did you install AlpineJS with Livewire version 2 ? If yes, you need to remove the AlpineJS package to avoid any conflict with the Livewire 3 built-in version of AlpineJS.
Level 2
@vincent15000 Thank you! I will try that again on Monday. I need to be afk. I had the same problem as before, so that's probably it. That would also explain why the rest of the pages are and tailwind is able to be displayed correctly.
1 like
Level 2
Sorry for the late response. After closely following the documentation for Livewire 3, I was able to get everything working correctly.
Level 63
@Jdubstep1357 Did my answers not help you ?
Level 2
@vincent15000 Your answers were very helpful. You pointed me towards the documentation for upgrading, and that helped me figure it all out. It just took me a few days of debugging on my own.
1 like
Level 63
@Jdubstep1357 Ok so why did you assign the best answer to your last comment where you don't share any information to solve your problem ?
2 likes
Level 1
@Jdubstep1357 I am running into the same problem, but I have upgrade from 3 into 3.5 I cannot login, tried to make another button components but none of them work.
What was the problem?
1 like
Please or to participate in this conversation.