npm安装Electron 项目失败报错问题和解决办法

背景

本人闲来无趣,想着给老弟搞一个类似网吧那种管理系统,没事恶搞下,让他付费上网,就想着试着用Electron这个框架搞一下,本着只要跟着文档就不会有问题的原则,从开始安装就被报错搞得心态爆炸了。

问题复现

运用差生工具webstorm,简单构建一个基础项目

 根据官方文档,使用npm下载electron

 然后在这一步就跟定住了一样,一动不动,时间长了就报错

 解决办法

根据在各大文库的摸索中,最多的说法是镜像的问题

1、npm的镜像,不要使用淘宝镜像;

2、electron的镜像,官方文档太过简约了;

好了下来就是,搬砖码字

1、打开npm的配置文件

npm config edit

2、在打开的配置文件空白处将下面几个配置添加上去,注意如果有原有的这几项配置,就修改

registry=https://registry.npmmirror.com
electron_mirror=https://cdn.npmmirror.com/binaries/electron/
electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/

如下图所示:

3、然后关闭该窗口,重启命令行,删除node_modules文件夹,并执行下面命令清除缓存,再重新安装依赖

npm cache clean --force

奈斯,到此结束

结语

我的问题就这样解决了,希望能帮到你们一丢丢,多学习就完了,ヾ(•ω•`)o,后续我在出一下用vue+electron的学习步骤,我们一起再交流啦

  • 45
    点赞
  • 57
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值