Nuxt•3mo ago

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.).

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?

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Nuxt Devtools