Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not showing anything #303

Open
seahindeniz opened this issue Apr 28, 2024 · 14 comments
Open

Not showing anything #303

seahindeniz opened this issue Apr 28, 2024 · 14 comments

Comments

@seahindeniz
Copy link

seahindeniz commented Apr 28, 2024

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.

image
image

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
Copy link
Author

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

@aquaductape
Copy link

aquaductape commented May 2, 2024

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).
Screenshot 2024-05-01 at 10 10 39 PM

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.
Screenshot 2024-05-01 at 10 04 55 PM

Screenshot 2024-05-01 at 10 05 59 PM

@seahindeniz
Copy link
Author

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
Copy link
Author

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

@seahindeniz
Copy link
Author

seahindeniz commented May 2, 2024

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

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

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

@aquaductape
Copy link

aquaductape commented May 2, 2024

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
Screenshot 2024-05-02 at 12 58 32 AM

I'm using Chrome 124.0.6367.119

@seahindeniz
Copy link
Author

seahindeniz commented May 2, 2024

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
Copy link
Owner

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

@seahindeniz
Copy link
Author

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

@seahindeniz
Copy link
Author

@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
Copy link

ndt080 commented Jun 12, 2024

I have same problem

@ndt080
Copy link

ndt080 commented Jun 12, 2024

I upgraded Chrome to version 126 and the problem disappeared

@seahindeniz
Copy link
Author

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

@maaarghk
Copy link

Got this on Chrome 128.

Before adding import 'solid-devtools';:

20240910_16h44m45s_grim

After adding import 'solid-devtools';:

20240910_16h45m43s_grim

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants