vite is not recognized :一次典型的 Electron/Vite 打包处置手册

1. 构建失败,先别看 build,看 install

在 Electron + Vite 项目中,构建失败时常见到诸如 **vite is not recognized**的提示,但这通常只是表象。

真正的问题往往出现在依赖安装阶段,尤其是 electron 在执行 install.js 下载二进制时因为网络超时而中断,导致 node_modules 不完整,进而引发后续构建失败。

bash 复制代码
npm install
# 或
yarn install

只要日志中出现 ETIMEDOUTECONNRESET,基本可以直接判定为网络问题。


2. npm 与 yarn 不要混用,先统一再排障

项目中同时存在 package-lock.jsonyarn.lock,或交替使用 npm installyarn install,很容易导致依赖解析不一致,从而放大问题。实践中应当明确只使用一种包管理器,并在切换前彻底清理环境。

例如统一使用 npm:

bash 复制代码
rm -rf node_modules
rm -f yarn.lock
npm cache clean --force
npm install

例如统一使用 npm:

bash 复制代码
rm -rf node_modules
rm -f package-lock.json
yarn install

3. Electron 安装失败的关键:网络

Electron 安装失败往往与 npm registry 无关,而是二进制下载源不可达。因此除了切换 registry,还需要为 Electron 单独配置镜像。常见配置方式如下:

bash 复制代码
npm config set registry https://registry.npmmirror.com
npm config set electron_mirror https://npmmirror.com/mirrors/electron/
npm config set electron_builder_binaries_mirror https://npmmirror.com/mirrors/electron-builder-binaries/

或临时用环境变量:

bash 复制代码
export ELECTRON_MIRROR=https://repo.huaweicloud.com/electron/

不行就换网络、换时间段,多试几次往往比折腾配置有效。


4. Windows 的 EPERM 报错

EPERM: operation not permitted 多出现在 Windows 环境,原因通常是 node_modules 被占用或权限不足。此时反复 install 意义不大,正确做法是关闭编辑器和相关进程后彻底删除依赖目录,再重新安装

bash 复制代码
rm -rf node_modules
npm cache clean --force
npm install
相关推荐
一粒黑子8 小时前
【实战解析】阿里开源 PageAgent:纯前端 GUI Agent,一行JS让网页支持自然语言操控
前端·javascript·开源
IT枫斗者8 小时前
前端部署后如何判断“页面是不是最新”?一套可落地的版本检测方案(适配 Vite/Vue/React/任意 SPA)
前端·javascript·vue.js·react.js·架构·bug
Beginner x_u9 小时前
链表专题:JS 实现原理与高频算法题总结
javascript·算法·链表
我叫汪枫9 小时前
在后台管理系统中,如何递归和选择保留的思路来过滤菜单
开发语言·javascript·node.js·ecmascript
_.Switch9 小时前
东方财富股票数据JS逆向:secids字段和AES加密实战
开发语言·前端·javascript·网络·爬虫·python·ecmascript
软件技术NINI9 小时前
webkit简介及工作流程
开发语言·前端·javascript·udp·ecmascript·webkit·yarn
Brendan_0019 小时前
JavaScript的Stomp.over
开发语言·javascript·ecmascript
念2349 小时前
f5 shape分析
开发语言·javascript·ecmascript
難釋懷9 小时前
Vue混入
前端·javascript·vue.js
苍穹之跃9 小时前
某量JS逆向
开发语言·javascript·ecmascript