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
相关推荐
JayceM1 小时前
Vue中v-show与v-if的区别
前端·javascript·vue.js
HWL56791 小时前
“preinstall“: “npx only-allow pnpm“
运维·服务器·前端·javascript·vue.js
德育处主任2 小时前
p5.js 掌握圆锥体 cone
前端·数据可视化·canvas
mazhenxiao2 小时前
qiankunjs 微前端框架笔记
前端
无羡仙2 小时前
事件流与事件委托:用冒泡机制优化前端性能
前端·javascript
秃头小傻蛋2 小时前
Vue 项目中条件加载组件导致 CSS 样式丢失问题解决方案
前端·vue.js
CodeTransfer2 小时前
今天给大家搬运的是利用发布-订阅模式对代码进行解耦
前端·javascript
阿邱吖2 小时前
form.item接管受控组件
前端
韩劳模2 小时前
基于vue-pdf实现PDF多页预览
前端
鹏多多2 小时前
js中eval的用法风险与替代方案全面解析
前端·javascript