vue项目npm run serve出现【- Network: unavailable】(从排查到放弃)

1. 问题现象

环境:

  • 系统:win11
  • node:v16.20.2
  • "vue": "2.6.10"

执行npm run serve启动vue项目,期望:

复制代码
  App running at:
  - Local:   http://localhost:9528/ 
  - Network: http://x.x.x.x:9528/

实际:

复制代码
  App running at:
  - Local:   http://localhost:9528/ 
  - Network: unavailable

2. 结论

  1. 完全可以不用管,控制台只是显示,不影响使用,输入ip照常访问(如果使用局域网内其它电脑无法访问,可能不是这个问题,可能是防火墙设置等其它问题)。
  2. 环境变量添加C:\Windows\System32\wbem
  3. 如果你使用的是win11系统,检查下你的系统有没有开启wmic命令。
  4. 放弃。

3. 排查过程

  1. 根据网络提示,跟\node_modules\@vue\cli-service\lib\util\prepareURLs.js有关系,找到该文件。
  2. 根据unavailable关键字,找到如下代码,尝试使用console.log()打印日志失败,直接修改lanUrlForTerminal变量值,会在控制台输出,看看执行路径。
  3. 打印了mark1,没有打印mark2,那我们推测lanUrlForConfig为空,进一步推测try里面报错了。
  4. 把错误_e赋值给lanUrlForTerminal,输出到控制台如下:
  5. 这就清楚了,没有wmic命令
  6. 在可选功能中开启wmic(win11 23H2之前可添加,win11 24H2添加失败,微软删除了该功能)
相关推荐
码界筑梦坊2 天前
336-基于Python的肺癌数据可视化分析预测系统
开发语言·python·信息可视化·数据分析·django·vue·毕业设计
xw-busy-code2 天前
npm私服搭建学习笔记
笔记·学习·npm·npm 私服
Thomas.Sir2 天前
第十四章:基于 FastAPI+Vue3 的智能聊天系统全栈开发实战
vue·状态模式·fastapi·智能
自学AI的鲨鱼儿2 天前
mac npm 安装 codex 报错 npm ENOTEMPTY
macos·npm·codex
abigale032 天前
从零实现 AI 聊天助手:可直接复用的前端核心方案
chatgpt·vue·流式输出
FreeBuf_4 天前
新型开源供应链攻击:虚假 npm 安装日志暗藏 RAT 木马
前端·npm·开源
Z_Wonderful4 天前
npm -v无效PowerShell 的执行策略,解决方案
前端·npm·node.js
ZC1995924 天前
Node.js npm 安装过程中 EBUSY 错误的分析与解决方案
前端·npm·node.js
前端飞行手册4 天前
electron应用开发模板,集成多种解决方案
前端·javascript·学习·electron·前端框架·vue
RuoyiOffice4 天前
企业请假销假系统设计实战:一张表、一套流程、两段生命周期——BPM节点驱动的表单变形术
java·spring·uni-app·vue·产品运营·ruoyi·anti-design-vue