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添加失败,微软删除了该功能)
相关推荐
五仁火烧9 小时前
生产环境中配置了接口3000后,不能启动,改成8080后就可以
linux·网络·安全·vue
全栈前端老曹13 小时前
【包管理】read-pkg-up 快速上手教程 - 读取最近的 package.json 文件
前端·javascript·npm·node.js·json·nrm·package.json
我的golang之路果然有问题16 小时前
实习中遇到的 CORS 同源策略自己的理解分析
前端·javascript·vue·reactjs·同源策略·cors
刘联其16 小时前
Vue3+Vite +dotenvx读取.env文件参数
vue
椰果uu2 天前
vue-virtual-scroller-虚拟滚动列表:渲染不定高度长列表+可控跳转
前端·javascript·typescript·vue
2301_818732062 天前
安装了node,但是cmd找不到node和npm,idea项目也运行失败 已解决
前端·npm·node.js
小和尚敲木头2 天前
记录一次vue3中this引发的开发没有问题,生产发生问题的分析
前端·vue
Sapphire~2 天前
odoo-087 安装 npm (node ok npm not)
linux·运维·npm
Benny的老巢2 天前
【n8n工作流入门02】macOS安装n8n保姆级教程:Homebrew与npm两种方式详解
macos·npm·node.js·n8n·n8n工作流·homwbrew·n8n安装
PieroPc2 天前
用FastAPI 后端 和 Vue3 前端写一个博客系统 例
前端·vue·fastapi