npm install以后,执行npm run serve 一直报Error: Electron failed to install correctly, please delete node_modules/electron and try installing again,我用的webstorm,会有缓存问题,所以尽量在终端运行。
解决办法:
第一步:cd到项目文件中
cd 项目路径
第二步:删除node_modules
rm -rf node_modules
第三步:清除缓存
npm cache clean --force
第四步:设置系统环境变量(设置 electron 使用淘宝源)
进入npmrc文件夹:
mac路径:~/.npmrc
Windows路径:C:\Users<UserName>.npmrc
输入下面配置:
registry=https://registry.npmmirror.com/
chromedriver_cdnurl=https://registry.npmmirror.com/-/binary/chromedriver/
operadriver_cdnurl=https://registry.npmmirror.com/-/binary/operadriver/
electron_mirror=https://registry.npmmirror.com/-/binary/electron/
electron_builder_binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/
always-auth=false
registry | npm用于解析包名称,设置镜像源 |
chromedriver_cdnurl 、 operadriver_cdnurl | ChromeDriver和OperaDriver二进制文件的URL |
electron_mirror | 下载Electron二进制文件的URL |
electron_builder_binaries_mirror | 下载Electron Builder相关二进制文件的URL |
always-auth | npm是否总是需要进行身份验证来访问仓库 |
第五步:npm install (npm和node版本要匹配,我这里nodev16.13.1,npm8.1.2)
第六步:npm run electron:serve
大功告成了,如果还是报electron文件找不到让重新下载,可以多执行几遍,因为可能会有缓存或者网络问题。