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添加失败,微软删除了该功能)
相关推荐
龙哥·三年风水3 小时前
群控系统服务端开发模式-应用开发-前端个人信息功能
分布式·vue·群控系统
niech_cn10 小时前
项目启动运行npm run dev报错digital envelope routines::unsupported at new Hash
前端·npm·哈希算法
真的很上进10 小时前
⚡️如何在 React 和 Next.js 项目里优雅的使用 Zustand
java·前端·javascript·react.js·前端框架·vue·es6
幸运小圣14 小时前
Vue3 -- 项目配置之prettier【企业级项目配置保姆级教程2】
前端·vue.js·vue
计算机-秋大田15 小时前
基于微信小程序的农场管理系统的设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
promise-render15 小时前
npm、yarn、pnpm 切换查看镜像源笔记
前端·笔记·npm
修复bug15 小时前
npm完整发包流程(亲测可验证)
前端·npm·开源
丁总学Java15 小时前
使用 npm 安装 Yarn
前端·npm·node.js
丁总学Java19 小时前
npm list @types/node 命令用于列出当前项目中 @types/node 包及其依赖关系
前端·npm·node.js