Enable Vercel toolbar when running locally in GH codespace?

I have an existing project that I'm configuring to be able to develop from within a github codespace. Everything seems to be working correctly except for the Vercel toolbar. Instead, when I run next dev, I see the following errors in my browser logs: GET http://localhost:43214/events net::ERR_BLOCKED_BY_CLIENT

I suspect this is because the browser is trying to hit localhost:43214, but my codespace is actually being hosted on https://<codespace-name>-3000.app.github.dev (port 43214 is also being hosted at https://<codespace-name>-43214.app.github.dev).

How can I configure this so that the vercel toolbar works correctly when I'm running locally from my codespace?

Vercel Staff

It works for me in a Next.js starter app when I follow these steps: https://vercel.com/docs/workflow-collaboration/vercel-toolbar/in-production-and-localhost/add-to-localhost#add-the-vercel-toolbar-to-your-local-environment

Can you tell us more about your project? If you're able to share your public repo or a minimal reproducible example, that's even better! I just need to know which frameworks and settings I should use to actually replicate the error

Accepted answer

This seems to be related to an old /toolbar version. I was on 0.1.18, and updating to 0.1.30 seems to have fixed it. Sorry for the confusion!

Vercel Staff

Thanks for coming back to let me know it's working for you now 😄

This topic is closed. It no longer accepts new replies.