Not showing anything

[seahindeniz]

I just created a new project with npx degit solidjs/templates/ts kir and enabled DevTools as explained in the installation instructions. However, I'm not seeing anything related to DevTools on the landing page or Chrome DevTools, except a log. When I click on the extension icon, it doesn't show a popup window. The icon just gets highlighted.

I have tried on my Mac and Windows, both has the same issue Here's the repo https://github.com/seahindeniz/solidjs-dev-tools-issue

[seahindeniz]

I just cloned the repository and this is from my local version

[aquaductape]

I cloned your repo and the devtools works on my end, so I think the issue is that you need to update the solid-devtools chrome extension to the latest version 0.30.0. Once in while I would have to close the page and open a new one to get the debugger to work. Make sure that the solid-devtools package matches the expected client version which is 0.30.0 https://github.com/thetarnav/solid-devtools/issues/266#issuecomment-2067273752.

As you probably already know, to use the Solid debugger, in devtools, there's a dedicated tab "Solid" that you click which opens the debugger tool.

[seahindeniz]

I just tried downgrading to 0.30.0 and the issue still the same. Also, I don't know how you get Solid into the Chrome Devtools tab list, but mine doesn't have that. I'm assuming you can see my screenshots in my previous comments.

https://github.com/thetarnav/solid-devtools/assets/5789670/890a063e-b690-42a9-ad96-13eff96d6351

[seahindeniz]

Also, both my devices has the latest Chrome version, 124.0

[seahindeniz]

I just tried G. Chrome Dev channel to test it out, seems like it has different visual than the Stable channel

After refreshing the page couple times later, I get this content but only once.

In each, I couldn't see any tab in the devtools bar

[aquaductape]

EDIT: Missed that you already tried that. ~Maybe there's other extensions preventing it from working, open incognito mode but make sure solid-devtools is the only extension enabled for that mode.~

Also try to see if "Solid" is under that three dot menu. Menu > More Tools

I'm using Chrome 124.0.6367.119

[seahindeniz]

Already did, there's no option in the menu. I assume the menu is for built-in tabs/tools only. Also the dev channel doesn't have any extension installed but the solid-devtools

[thetarnav]

Sometimes it’s necessary to open the site in a new tab, for the extension to load.

[seahindeniz]

Well, I have tried many times in many tabs, even across multiple Chrome channels 😵‍💫

[seahindeniz]

@thetarnav, do you have any suggestion for me to debug the issue? Like, specific files to check and confirm that it works or something. I would like to find the root cause however no idea where to start

[ndt080]

I have same problem

[ndt080]

I upgraded Chrome to version 126 and the problem disappeared

[seahindeniz]

Upgrading 126 or any other versions doesn't help in my case 🥲

[maaarghk]

Got this on Chrome 128.

Before adding import 'solid-devtools';:

After adding import 'solid-devtools';:

Brief step through the debugger in Chrome shows that the port to the extension is open and it sends sensible looking messages