Nuxt•2y 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 upgrade --force

npx nuxi cleanup

npx nuxi cleanup

. I have also manually removed the

package-lock.json

package-lock.json

, and

node_modules

node_modules

and

.nuxt

.nuxt

folders, and reinstalled, all to no avail.

Does anyone have any ideas on how to resolve this?

Nuxt•2y ago

TheFlyer1983

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 upgrade --force

npx nuxi cleanup

npx nuxi cleanup

. I have also manually removed the

package-lock.json

package-lock.json

, and

node_modules

node_modules

and

.nuxt

.nuxt

folders, and reinstalled, all to no avail.

Does anyone have any ideas on how to resolve this?

Nuxt Devtools

Similar Threads

Nuxt Devtools

Similar Threads

Similar Threads

Similar Threads