"Upgraded required" in a Nuxt.js Repl

[nightshade427]

@UMARismyname

maybe change the nuxt.config.ts file

  vite: {
    server: {
      hmr: {
        port: 9000
      }
    }
  }

And use an externalPort 9000 in .replit.

That doesnt work either. It does expose the hmr via 9000 but replit now doesn’t expose nuxt dev server port 3000 as default 443 now. It’s like replit will only allow whatever port opens first (in this case port 9000 hmr) as the default 443.

See repl Nuxt 3 repl

[nightshade427]

@LucasSchirm

I haven`t tried it to be honest, do you have a public replit you are using to test?

Here is basic repl to replicate issue Nuxt 3 Repl

Any help getting it to load site including hmr would be greatly appreciate.

[9pfs1]

It was saying that you needed a websocket upgrade, not a Replit upgrade, most likely.

[nightshade427]

@9pfs1

It was saying that you needed a websocket upgrade, not a Replit upgrade, most likely.

Right, the websockets ports are misaligned by replit. It’s replicated in Nuxt 3 repl.

[nightshade427]

I got it working. Needed to add

protocol: 'wss'

To the vite config

[nightshade427]

Here is a repl in case anyone wants to fork it (Nuxt 3 Repl). It uses latest nuxt 3 with ssr and hmr