server.hmr.clientPort only works if middlewareMode is provided

[eddeee888]

Describe the bug

server.hmr.clientPort only works if middlewareMode is provided.

Is this intentional? It feels like the client should be allowed to use any arbitrary port. It feels a bit odd to be tied to any server config.

I'm also new to Vite so there could be some missing context that I couldn't find from the issues. Please let me know. 🙏

Reproduction

This can be seen here.

System Info

Output of npx envinfo --system --npmPackages vite,@vitejs/plugin-vue --binaries --browsers:

System:
    OS: macOS 11.4
    CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz
    Memory: 45.78 GB / 64.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 12.13.1 - ~/.nvm/versions/node/v12.13.1/bin/node
    Yarn: 1.22.5 - ~/.yarn/bin/yarn
    npm: 6.12.1 - ~/.nvm/versions/node/v12.13.1/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Browsers:
    Chrome: 91.0.4472.106
    Safari: 14.1.1
  npmPackages:
    vite: ^2.3.7 => 2.3.7

Used package manager: yarn

Before submitting the issue, please make sure you do the following

• 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.
• Provide a description in this issue that describes the bug.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

[patak-dev]

Duplicate of #3737

[github-actions]

This issue gets locked because it has been closed for more than 14 days.