【vue】vue运行报错“Error:listen EACCES:permission denied”

一、问题说明

VSCode 启动 Vue 项目时,出现以下报错:

二、问题原因

在 Windows 中,某些端口范围可能被系统保留用于特定服务,例如动态端口分配给 Hyper-V 虚拟机、Windows 更新服务、或其他网络服务。这个分配的行为是动态、随机的,所以会出现用的好好的,但突然不可用的情况

三、解决办法

第一步: 通过以下命令查看哪些端口被动态分配了

复制代码
# 在 cmd 窗口中执行 

netsh interface ipv4 show excludedportrange protocol=tcp

ps:该命令会列出 TCP 协议下被排除的、不能被使用的端口范围。

第二步: 知道哪些端口无法使用后,重新指定端口,重启即可。

通过 vite --port [avaiable_port] 指定可用端口,例如:vite --port 8080

具体步骤:修改 package.json 中的 dev 选项,如下代码所示

复制代码
"scripts": {
    "dev": "vite --port 4012",
    "build": "vue-tsc && vite build",
    "build-test": "vue-tsc && vite build --mode test",
    "preview": "vite preview"
  },

四、参考链接

https://juejin.cn/post/7435903979609849894

相关推荐
光影少年3 分钟前
react中的Context 为什么会导致性能问题?
前端·javascript·react.js
ZC跨境爬虫4 分钟前
跟着 MDN 学CSS day_48:深入CSS多列布局——像报纸一样组织内容
前端·css·学习
易知微EasyV数据可视化11 分钟前
Web+游戏引擎模式:设计的跨界协同最优解 | 数字孪生实战训练营·设计篇
前端·经验分享·游戏引擎·数字孪生·空间智能
羊羊小栈16 分钟前
农业病害知识管理系统(基于前后端Web开发)
前端·人工智能·毕业设计·大作业
武子康18 分钟前
调查研究-156 Vercel 全栈应用 前端零配置极速上线:Serverless + 边缘网络 + CI/CD 全栈实战
前端·网络·ci/cd·ai·云原生·serverless·vecel
码云骑士20 分钟前
Chrome插件开发实战指南:从零到上架
前端·chrome·microsoft
kiritomzzz24 分钟前
Vue 插槽(Slot)全解析:从 Vue2 到 Vue3 核心用法与案例
前端·javascript·vue.js
喵了几个咪25 分钟前
基于 Nuxt 4 的现代 Headless CMS 前端:架构深度解析与二次开发指南
前端·架构
weixin_427771611 小时前
css加载顺序导致本地和线上样式不一致
前端·css