Nuxt Devtools

I am having an issue with Nuxt Devtools.

I am getting an error in my console:
client.ts:77 Mixed Content: The page at 'https://domain.com' was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint 'ws://domain.com/_nuxt/'. This request has been blocked; this endpoint must be available over WSS.
[vite] failed to connect to websocket (SecurityError: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.). 


When I open my Nuxt Devtools, it is just a black screen like in the attached image, with further error messages within the console.

I'm using Nuxt 3.12.1 and Devtools 1.3.3.

I have tried running npx nuxi upgrade --force, npx nuxi cleanup. I have also manually removed the package-lock.json, and
node_modules
and .nuxt folders, and reinstalled, all to no avail.

Does anyone have any ideas on how to resolve this?
CleanShot_2024-06-12_at_09.31.09.png
CleanShot_2024-06-12_at_09.36.53.png
Was this page helpful?