最近想嘗試一下使用electron，但是光安裝和打包發(fā)布的嘗試就調(diào)整了一天

以下包括

1. electron-forge環(huán)境變量設(shè)置
2. electron本體安裝時(shí)候的網(wǎng)絡(luò)問(wèn)題
3. electron-forge安裝時(shí)候的報(bào)錯(cuò)和緩慢問(wèn)題

electron源在國(guó)外還真是困擾

本文寫(xiě)于2022/08/25，請(qǐng)保證您的npm和node版本盡量是新的

安裝時(shí)卡頓或緩慢問(wèn)題

較通用解決方案：設(shè)置環(huán)境變量

設(shè)置npm electron默認(rèn)安裝路徑的環(huán)境變量
npm config set ELECTRON_MIRROR http://npmmirror.com/mirrors/electron/
能大概率解決electron安裝緩慢或卡頓

刪除變量npm config delete ELECTRON_MIRROR

查看npm 變量 npm config ls

使用淘寶源時(shí)卡住

electron 本體卡住

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

這是由于npm換下載源為國(guó)內(nèi)源導(dǎo)致的問(wèn)題，在作者網(wǎng)絡(luò)尋找解決時(shí)也發(fā)現(xiàn)有其他人遇見(jiàn)此問(wèn)題，且尤其是淘寶源在作者的機(jī)器上絕對(duì)會(huì)卡頓

除設(shè)置環(huán)境變量，將npm換回原來(lái)的下載源解決外

npm install cnpm -g安裝cnpm后使用cnpm安裝electron也可解決

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

主要卡在reify:rxjs: timing reifyNode:node_modules/lodash
同樣出現(xiàn)在使用淘寶源時(shí)候，和上面的本體一樣可以通過(guò)cnpm和設(shè)置變量解決

npx electron-forge import報(bào)錯(cuò)

基本報(bào)錯(cuò)都有"electron-squirrel-startup"這個(gè)包安裝失敗
報(bào)錯(cuò)信息多種多樣，包括但不限于

1. 網(wǎng)絡(luò)重置
2. 超時(shí)
3. lockfile的版本錯(cuò)誤
   第三個(gè)會(huì)告訴你本地和依賴的lockfile版本對(duì)不上，但其實(shí)本地已經(jīng)是2版本了

由于是npx安裝，cnpm用不上，npm國(guó)內(nèi)源基本報(bào)錯(cuò)，npm官方源等半小時(shí)都不一定安裝完

由于electron-forge import的作用是修改package.json的開(kāi)發(fā)依賴并且?guī)湍惆惭b上依賴

手動(dòng)安裝即可解決這個(gè)問(wèn)題，請(qǐng)一定先設(shè)置環(huán)境變量，否則將會(huì)導(dǎo)致國(guó)內(nèi)網(wǎng)絡(luò)環(huán)境打包安裝非常緩慢
將下面內(nèi)容復(fù)制進(jìn)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": {}
          }
        ]
      }
    }
  }
  

"devDependencies"的版本后綴都是一樣的

可以安裝最新版本的@electron-forge/cli，把版本號(hào)復(fù)制到下面幾個(gè)

然后npm install或cnpm install，把依賴裝上

一定設(shè)置環(huán)境變量
npm run make即可成功快速安裝打包依賴并且打包成功文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-487885.html

到了這里，關(guān)于2022.08 使用npm安裝electron及electron-forge安裝中出現(xiàn)的卡頓、緩慢、報(bào)錯(cuò)問(wèn)題的個(gè)人解決辦法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！