livewire-devtools icon indicating copy to clipboard operation
livewire-devtools copied to clipboard

Devtools doesn't load

Open zircuitz opened this issue 2 years ago • 5 comments

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

zircuitz avatar Dec 19 '23 15:12 zircuitz

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.

SirNovi avatar Dec 20 '23 09:12 SirNovi

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

zircuitz avatar Dec 20 '23 12:12 zircuitz

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

zircuitz avatar Dec 20 '23 12:12 zircuitz

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.

rw4lll avatar Dec 21 '23 18:12 rw4lll

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

Chris-Gillis avatar Dec 22 '23 16:12 Chris-Gillis