search

rw4lll / livewire-devtools

Chrome and Firefox DevTools extension for debugging Livewire applications
MIT License
29 stars 1 forks source link

Devtools doesn't load #21

Open zircuitz opened 9 months ago

zircuitz commented 9 months ago

Just re-installed this extension.

It does not work.

The icon shows up in the extensions toolbar, and the icon lights up when I load a livewire-enabled page. However, when I open Chrome Devtools, Devtools itself just sits and loads forever (see screenshot), and the tab for Livewire does not show up at all.

Chrome and computer has been restarted with no luck.

image

SirNovi commented 8 months ago

What just helped for me: Click the extension button in the menu, the popup appears telling me that LiveWire is detected, after that I closed the dev tools, reloaded the page and opened them again and there was the LiveWire panel.

zircuitz commented 8 months ago

Doesn't work for me... I'm not even getting any popup when clicking on the extension button. Nothing happens

zircuitz commented 8 months ago

I tried compiling the extension from the repo here, and installing it manually into chrome. Same effect. Nothing is responding or working.

I also tried to run the test app, with a local server running npm run dev. The local webserver doesn't work either. It doesn't appear to detect any components on the page at all. See screenshot

image

rw4lll commented 8 months ago

The icon shows up in the extensions toolbar, and the icon lights up when I load a livewire-enabled page. However, when I open Chrome Devtools, Devtools itself just sits and loads forever (see screenshot), and the tab for Livewire does not show up at all.

I think this is environment-specific issue. To get it more granular, I would recommend to try the following: 1) Turn off all other extensions to ensure that there are no conflicts/blocks from their side. 2) Try it on the different freshly installed chrome-based browser, e.g. on Edge/Brave. 3) Try it on the other machine.

Chris-Gillis commented 8 months ago

What just helped for me: Click the extension button in the menu, the popup appears telling me that LiveWire is detected, after that I closed the dev tools, reloaded the page and opened them again and there was the LiveWire panel.

This worked for me. Livewire 3