Vite not working in macOS Monterey

Describe the bug

Following the basic instructions does not work.

1. yarn create vite my-vite-app --template vue-ts
2. cd my-vite-app
3. yarn && yarn serve
4. To localhost:5000

Reproduction

N/A

System Info

System:
    OS: macOS 12.0.1
    CPU: (8) arm64 Apple M1
    Memory: 1.42 GB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.9.1 - /usr/local/bin/node
    Yarn: 1.22.15 - /opt/homebrew/bin/yarn
    npm: 7.21.1 - /usr/local/bin/npm
  Browsers:
    Chrome: 95.0.4638.69
    Firefox: 94.0.1
    Safari: 15.1
  npmPackages:
    @vitejs/plugin-vue: ^1.9.3 => 1.9.4 
    vite: ^2.6.4 => 2.6.13

Used Package Manager

yarn

Logs

No response

Validations

• Follow our Code of Conduct
• 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.
• 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.
• The provided reproduction is a minimal reproducible example of the bug.

[Niputi]

please try changing the port. if i remember right, Apple have been so evil they took control over this port for a component

[hannoeru]

5000 port is used by Airplay Receiver, you can turn it off on System Preference => Sharing => Airplay Receiver