WebSocket connection to 'ws://localhost:24678/_nuxt/' failed

Hey, I've just restarted working on my side project. Started a project from scratch, didn't change anything, and as soon as I visit localhost:3000 I just get the same error over and over.
I did it from scratch as I was having the same issue on an already existing project that I tried to upgrade to Nuxt latest version.

Starting a new Nuxt 3 project in Stackblitz is also not working and I am wondering if these are related to each other (https://stackblitz.com/github/nuxt/starter/tree/v3)

The errors I am getting in the browser console:

WebSocket connection to 'ws://localhost:24678/_nuxt/' failed: Could not connect to the server.

WebSocket connection to 'ws://localhost:24678/_nuxt/' failed: Could not connect to the server.

GET http://localhost:24678/_nuxt/ net::ERR_CONNECTION_REFUSED client.ts:339

GET http://localhost:24678/_nuxt/ net::ERR_CONNECTION_REFUSED client.ts:339

The piece of code in client.ts is:

  const ping = async () => {
    // A fetch on a websocket URL will return a successful promise with status 400,
    // but will reject a networking error.
    // When running on middleware mode, it returns status 426, and an cors error happens if mode is not no-cors
    try {
      await fetch(`${pingHostProtocol}://${hostAndPath}`, {
        mode: 'no-cors',
        headers: {
          // Custom headers won't be included in a request with no-cors so (ab)use one of the
          // safelisted headers to identify the ping request
          Accept: 'text/x-vite-ping',
        },
      })

  const ping = async () => {
    // A fetch on a websocket URL will return a successful promise with status 400,
    // but will reject a networking error.
    // When running on middleware mode, it returns status 426, and an cors error happens if mode is not no-cors
    try {
      await fetch(`${pingHostProtocol}://${hostAndPath}`, {
        mode: 'no-cors',
        headers: {
          // Custom headers won't be included in a request with no-cors so (ab)use one of the
          // safelisted headers to identify the ping request
          Accept: 'text/x-vite-ping',
        },
      })

StackBlitz

Nuxt - Starter - StackBlitz

Create a new Nuxt project, module, layer or start from a theme with our collection of starters.

WebSocket connection to 'ws://localhost:24678/_nuxt/' failed

Similar Threads