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

背景

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

问题复现

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

npm安装Electron 项目失败报错问题和解决办法_第1张图片

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

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

npm安装Electron 项目失败报错问题和解决办法_第2张图片

 解决办法

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

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/

如下图所示:npm安装Electron 项目失败报错问题和解决办法_第3张图片

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

npm cache clean --force

奈斯,到此结束

结语

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

你可能感兴趣的:(npm,electron,前端)