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 #266 (comment).

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.

ba640f28-f9de-4349-8ee5-f6d4df02a997.mp4

[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

[thetarnav]

Just tried to run it and it worked first try. Even without updating dependencies (version 0.31 is now latest)
Same with firefox, although only after a refresh.
I cannot offer any advice unfortunately.
I'll try to add some more logging and an option to have it in prod too.

The first screenshot here is interesting. The detector couldn't detect solid but the "solid-devtools is in early development" message means that the content script connected to the debugger setup package.