Error: Electron failed to install correctly, please delete node_modules/electron

今天安装跑项目的时候,出现这个错误❌信息,接下来来记录📝解决过程和拓展。

问题

在install的时候node_modules/electron/中的文件丢失造成程序无法执行。

在安装electron 的时候,一直卡在node install.js不动😭。

翻了墙也不行,于是在 github 上搜索终于找到解决方法,为此记录下来📝。

关了墙也不行。

install.js,里面的下载是依赖于electron-download这个模块。

出于兴趣,跑下electron的官方demo,一直出现Electron failed to install correctly , please delete node_modules/electron and try installing again;困扰了许久。

尝试过重装npm和给npm配置淘宝镜像,都无果之后在github上找到答案。

解决

主要是因为在install的时候 node_modules/electron/ 中文件的丢失造成程序无法执行。对比下图很明显发现少了path.txtdist文件夹。

完整的electron文件:

js 复制代码
// 1.
npm install
// 2.
npm install -g electron-fix
// 3.
electron-fix start
//4.
npm run dev

或用pnpm

electron fix

在遭遇Electron安装失败的情景下,最佳实践是先尝试常规的错误排查步骤,如清除缓存和重新安装依赖。

然而,当标准方法无效时,electron-fix 提供了便捷的补救措施。它的主要应用场景包括初始化新Electron项目或维护现有项目时遭遇安装错误的情况,尤其是当问题难以通过常规途径解决时。

electron-fix 是一个专为解决Electron安装过程中遇到的特定错误而设计的开源工具。

当 Electron 未能正确安装,并提示需删除 node_modules/electron 后重新尝试时,此工具提供了一个简便的解决方案。通过简化重新安装过程,它帮助开发者迅速回到开发轨道上,无需手动清理和重新配置环境。

项目快速启动

要开始使用 electron-fix,请遵循以下步骤:

安装

首先,确保你的系统中已安装 Node.js。然后,可以通过全局安装 electron-fix 来快速获得支持:

js 复制代码
npm install electron-fix -g

运行

安装完成后,你可以立即开始使用它来修复Electron安装问题:

js 复制代码
electron-fix start

或者,如果你想将其集成到你的项目中,可以在项目的 package.json 文件里添加自定义脚本:

js 复制代码
{
  "scripts": {
    "fix": "electron-fix start"
  }
}

随后,通过运行 npm run fix 命令来执行修复操作。

附:切换源命令

js 复制代码
npm config set registry https://registry.npm.taobao.org

npm config get registry
我在构建一个vue项目时,npm install 卡住不动,卡住的地方控制台信息是

reify:rxjs: timing reifyNode:node_modules/listr/node_modules/rxjs
1
原因:文件缓存问题或镜像仓库网络问题

解决方法:

删除项目中的node_modules文件夹和package-lock.json;
在控制台执行下面命令
// 设置淘宝镜像
npm config set registry https://registry.npm.taobao.org 

// 查看配置是否成功
npm config get registry 

// 重新执行 npm install
npm install
相关推荐
Danny_FD12 分钟前
Vue + Element UI 实现模糊搜索自动补全
前端·javascript
gnip17 分钟前
闭包实现一个简单Vue3的状态管理
前端·javascript
斐济岛上有一只斐济23 分钟前
后端程序员的CSS复习
前端
Enddme25 分钟前
《面试必问!JavaScript 中this 全方位避坑指南 (含高频题解析)》
前端·javascript·面试
有梦想的程序员27 分钟前
微信小程序使用 Tailwind CSS version 3
前端
溟洵1 小时前
Qt 窗口 工具栏QToolBar、状态栏StatusBar
开发语言·前端·数据库·c++·后端·qt
用户2519162427111 小时前
Canvas之图像合成
前端·javascript·canvas
每天开心1 小时前
噜噜旅游App(4)——构建旅游智能客服模块,实现AI聊天
前端·微信小程序·前端框架
超凌1 小时前
el-input-number出现的点击+-按钮频现不生效
前端
三小河1 小时前
contentEditable 实现可编辑区域
前端