dev websocket connection failed

[aianddeng]

Describe the bug

After executing "run dev", the websocket reported an error, and the content script did not execute successfully, but no error message was reported.

Reproduction

bunx wxt@latest init

The default template already has this issue.

Steps to reproduce

No response

System Info

System:
    OS: macOS 15.3
    CPU: (8) arm64 Apple M1 Pro
    Memory: 515.16 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.9.0 - ~/Library/Caches/fnm_multishells/19945_1737477607928/bin/node
    Yarn: 1.22.22 - ~/Library/Caches/fnm_multishells/19945_1737477607928/bin/yarn
    npm: 10.8.3 - ~/Library/Caches/fnm_multishells/19945_1737477607928/bin/npm
    pnpm: 9.11.0 - ~/Library/Caches/fnm_multishells/19945_1737477607928/bin/pnpm
    bun: 1.1.43 - ~/.bun/bin/bun
  Browsers:
    Chrome: 132.0.6834.83
    Safari: 18.3
  npmPackages:
    wxt: ^0.19.13 => 0.19.24

Used Package Manager

bun

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[appsplash99]

• Similar error for me on chrome. (attached screenshot)
• Also, the content.ts script does not load as well in the dev server.

  export default defineContentScript({
    matches: ['*://*.google.com/*'],
    main() {
      console.log('Hello content.');
    },
  });

[ericlin11354]

Bump, I have this issue as well

[aklinker1]

Duplicate of #1360, they're caused by the same thing. For now, downgrade vite to a version without the bug:

pnpm i vite@6.0.8
# or
pnpm i vite@5.4.13

Or to use the latest version of Vite, set legacy.skipWebSocketTokenCheck to true in your vite config:

https://github.com/vitejs/vite/blob/9654348258eaa0883171533a2b74b4e2825f5fb6/packages/vite/src/node/config.ts#L535C3-L535C26

[alizainaslam]

YES: Vite 6.0.8 is working fine i test it.

[aklinker1]

Fix is in progress, see #1361. Will try and get it out later today.

[appsplash99]

Thank You 🙏 ❤

Duplicate of #1360, they're caused by the same thing. For now, downgrade vite to 6.0.8:

pnpm i vite@6.0.8

Or to use the latest version of Vite, set legacy.skipWebSocketTokenCheck to true in your vite config:

https://github.com/vitejs/vite/blob/9654348258eaa0883171533a2b74b4e2825f5fb6/packages/vite/src/node/config.ts#L535C3-L535C26

[aaronklinker-st]

This also happens in 5.4.14, we should reduce the allowed versions of v5 as well

[v3locity47]

I'm running wxt inside wsl2 and i cannot connect to websocket i.e vite-hmr.
Is this related to this? I'm able to to connect to the socket from inside wsl2 terminal. Or is it because of wsl2 network configurations, i can't connect even if I use wsl2's ip.

[aaronklinker-st]

@v3locity47 What version of Vite are you using?