HMR WebSocket "Invalid frame header" error causing continuous page reloads after setting app.baseURL

[Wulawa]

Environment

• Operating System: Darwin
• Node Version: v21.5.0
• Nuxt Version: 3.11.1
• CLI Version: 3.11.0
• Nitro Version: 2.9.4
• Package Manager: [email protected]
• Builder: -
• User Config: app, devtools
• Runtime Modules: -
• Build Modules: -

Reproduction

Steps to reproduce the behavior:

1. Set app.baseURL in nuxt.config.js.
2. Run the application in development mode.
3. Visit the service address.
4. See error in the console and the page continuously reloads.

Describe the bug

In Nuxt 3, after setting the baseURL, the Hot Module Replacement (HMR) WebSocket throws an "Invalid frame header" error, causing the page to continuously reload in development mode.

Additional context

No response

Logs

No response

[szadave]

I think, this is related: #23832 (comment)

[danielroe]

I believe this has been resolved in nuxt v3.11.1 via nuxt/cli#370.

[cdwmhcc]

I believe this has been resolved in nuxt v3.11.1 via nuxt/cli#370.

Not resolved

[Wulawa]

I believe this has been resolved in nuxt v3.11.1 via nuxt/cli#370.

Not resolved

This is fine. You’ll need to manually install Nuxi because Nuxt’s dependency hasn’t been updated.

[cdwmhcc]

manually install Nuxi

"devDependencies": {
    "@nuxt/image": "^1.4.0",
    "@nuxtjs/i18n": "^8.2.0",
    "nuxi": "^3.11.1",
    "nuxt": "^3.11.1",
    "prettier": "^3.2.5",
    "vue": "^3.4.21",
    "vue-router": "^4.3.0"
  },

 ERROR  [unhandledRejection] read ECONNRESET                                                                  11:03:41

  at TCP.onStreamRead (node:internal/stream_base_commons:217:20)


 ERROR  [unhandledRejection] read ECONNRESET                                                                  11:03:43

  at TCP.onStreamRead (node:internal/stream_base_commons:217:20)

[abarke]

I'm still having issues with this after upgrading. Really frustrating. First npx nuxi@latest upgrade did not want to upgrade to [email protected] so I manually upgraded using pnpm up nuxt --latest and now this issue 😓

Electron

CLI

pnpm nuxi info

------------------------------
- Operating System: Windows_NT
- Node Version:     v18.15.0
- Nuxt Version:     3.11.2
- CLI Version:      3.11.1
- Nitro Version:    2.9.6
- Package Manager:  [email protected]
- Builder:          -
- User Config:      ssr, css, modules, ionic, vite, nitro
- Runtime Modules:  @nuxtjs/[email protected], [email protected]
- Build Modules:    -
------------------------------

[qyd159]

this problem is not solved，i am also stucking