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添加失败,微软删除了该功能)
相关推荐
jason_yang9 小时前
Workspace搭建Vue3+组件分离的Monorepo项目
git·npm·前端工程化
fcm1913 小时前
(6) tauri之前端框架性能对比
前端·javascript·rust·前端框架·vue·react
王者鳜錸13 小时前
方言普通话识别大模型,支持中英+202种方言识别
java·vue·语音识别
三十_16 小时前
私有 npm 仓库实践:Verdaccio 保姆级搭建教程与最佳实践
前端·npm
web打印社区16 小时前
最简单的 Web 打印方案:用 5 分钟上手 web-print-pdf(npm 包)
前端·pdf·npm
瓯雅爱分享1 天前
基于Java后端与Vue前端的MES生产管理系统,涵盖生产调度、资源管控及数据分析,提供全流程可视化支持,包含完整可运行源码,助力企业提升生产效率与管理水平
java·mysql·vue·软件工程·源代码管理
寒山李白1 天前
npm镜像源配置指南
前端·npm·node.js
沙白猿1 天前
npm启动项目报错“无法加载文件……”
前端·npm·node.js
Bruce-li__2 天前
前端开发利器:nvm、npm与pnpm全面解析与TypeScript/JavaScript选择指南
javascript·typescript·npm
Dontla2 天前
npx命令介绍(Node Package Execute)(允许开发者直接执行来自npm注册表的包中的二进制文件,而无需全局安装)临时使用
前端·npm·node.js