Chrome DevTools not loading

Working on a React project. The web preview loads fine, but the chrome DevTools doesn’t load. Any tips on how to fix it?

Thanks!

Are you trying to hit localhost/127.0.0.1 in your browser?

If you go to the IDX extension tab, there is a “backend port” section at the bottom - you can open the app there. (maybe?)

No, just the experimental DevTools after turning it on from settings. See screenshot.

Gotchya. Try doing it manually.

export PORT=(YOUR PORT)
export MY_SERVICE="https://$PORT-$WEB_HOST"
echo $MY_SERVICE

Then manually start your app from the CLI, once loaded click the link you echoed out and see if it worked.

This just opens a new browser window, not the associated DevTools panel.

Thanks for reporting this, it’s a known issue that we’re working on fixing. I’ll update here once we have a fix out. Sorry for the inconvenience this is causing in the meantime.

2 Likes

FWIW (assuming you’re on desktop) you should be able to open the developer tools in the new window.

Yes. I have been doing that. This ticket is just about the unusable dev tools inside the IDX environment itself. It briefly worked (to some extent) before