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
相关推荐
东京老树根几秒前
SAP学习笔记 - 开发22 - 前端Fiori开发 数据绑定(Jason),Data Types(数据类型)
前端·笔记·学习
前端 贾公子13 分钟前
手写 vue 源码 === runtime-dom 实现
前端·javascript·css
江城开朗的豌豆27 分钟前
JavaScript篇:typeof 的魔法:原来你是这样判断类型的!
前端·javascript·面试
江城开朗的豌豆30 分钟前
JavaScript篇:数组扁平化:从‘千层饼’到‘一马平川’的六种神操作 🥞→📜
前端·javascript·面试
難釋懷3 小时前
Vue-Todo-list 案例
前端·vue.js·list
前端达人3 小时前
React 播客专栏 Vol.18|React 第二阶段复习 · 样式与 Hooks 全面整合
前端·javascript·react.js·前端框架·ecmascript
GISer_Jing3 小时前
Monorepo 详解:现代前端工程的架构革命
前端·javascript·架构
比特森林探险记4 小时前
Go Gin框架深度解析:高性能Web开发实践
前端·golang·gin
打小就很皮...6 小时前
简单实现Ajax基础应用
前端·javascript·ajax
wanhengidc7 小时前
服务器租用:高防CDN和加速CDN的区别
运维·服务器·前端