企业网站定制开发2022.08 使用npm安装electron及electron-forge安装中出现的卡顿、缓慢、报错问题的个人解决办法

企业网站定制开发最近想尝试一下使用,企业网站定制开发但是光安装和打包发布企业网站定制开发的尝试就调整了一天

以下包括

  1. electron-forge企业网站定制开发环境变量设置
  2. electron本体安装时候的网络问题
  3. electron-forge安装时候的报错和缓慢问题

electron源在国外还真是困扰

本文写于2022/08/25,请保证您的npm和node版本尽量是新的

安装时卡顿或缓慢问题

较通用解决方案:

设置npm electron默认安装路径的环境变量
npm config set ELECTRON_MIRROR http://npmmirror.com/mirrors/electron/
能大概率解决electron安装缓慢或卡顿

删除变量npm config delete ELECTRON_MIRROR

查看npm 变量 npm config ls

使用淘宝源时卡住

electron 本体卡住


主要卡在reify:lodash:timing reify:audit

这是由于npm换下载源为国内源导致的问题,在作者网络寻找解决时也发现有其他人遇见此问题,且尤其是淘宝源在作者的机器上绝对会卡顿

除设置环境变量,将npm换回原来的下载源解决外

npm install cnpm -g安装cnpm后使用cnpm安装electron也可解决


npm install --save-dev @electron-forge/cli卡住


主要卡在reify:rxjs: timing reifyNode:node_modules/lodash
同样出现在使用淘宝源时候,和上面的本体一样可以通过cnpm和设置变量解决


npx electron-forge import报错


基本报错都有"electron-squirrel-startup"这个包安装失败
报错信息多种多样,包括但不限于

  1. 网络重置
  2. 超时
  3. lockfile的版本错误
    第三个会告诉你本地和依赖的lockfile版本对不上,但其实本地已经是2版本了

由于是npx安装,cnpm用不上,npm国内源基本报错,npm官方源等半小时都不一定安装完

由于electron-forge import的作用是修改package.json的开发依赖并且帮你安装上依赖

手动安装即可解决这个问题,请一定先设置环境变量,否则将会导致国内网络环境打包安装非常缓慢
将下面内容复制进package.json文件

{    "name": "problem-test",    "version": "1.0.0",    "author": {      "name": "canals"    },    "description": "demo-electron",    "main": "main.js",    "scripts": {      "start": "electron-forge start",      "package": "electron-forge package",      "make": "electron-forge make",      "e-start": "electron ."    },    "devDependencies": {      "@electron-forge/cli": "^6.0.0-beta.65",      "@electron-forge/maker-deb": "^6.0.0-beta.65",      "@electron-forge/maker-rpm": "^6.0.0-beta.65",      "@electron-forge/maker-squirrel": "^6.0.0-beta.65",      "@electron-forge/maker-zip": "^6.0.0-beta.65",      "electron": "^20.1.0"    },    "dependencies": {      "electron-squirrel-startup": "^1.0.0"    },    "config": {      "forge": {        "packagerConfig": {},        "makers": [          {            "name": "@electron-forge/maker-squirrel",            "config": {              "name": "electron_demo"            }          },          {            "name": "@electron-forge/maker-zip",            "platforms": [              "darwin"            ]          },          {            "name": "@electron-forge/maker-deb",            "config": {}          },          {            "name": "@electron-forge/maker-rpm",            "config": {}          }        ]      }    }  }  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54

"devDependencies"的版本后缀都是一样的

可以安装最新版本的@electron-forge/cli,把版本号复制到下面几个

然后npm install或cnpm install,把依赖装上

一定设置环境变量
npm run make即可成功快速安装打包依赖并且打包成功

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发