Electron命令报错解决方案

常见问题

electron 或者 electron -v 报错 Error: Electron failed to install correctly, please delete node_modules/electron and try installing

这个问题一般在安装electron7及以上版本的时候会遇到提示删除安装好的electron再从新安装原因大概是因为网络问题有个很大的zip包下载不下来但是却提示安装成功

• 删除electron重新安装
  报错的时候在下面会有具体路径也就是你npm或者yarn全局模块的存放路径找到electron和@electron全部删除后再重新安装如果解决了就万事大吉(一般来说行不通反正我是没成功)
• 手动下载所需文件
  第一步下载 https://cdn.npm.taobao.org/dist/electron/7.1.7/electron-v7.1.7-win32-x64.zip 拷贝到electron的目录下
  第二步编辑install.js文件找到extractFile函数添加extractFile('./electron-v7.1.7-win32-x64.zip')这行代码

  // downloads if not cached
  downloadArtifact({
    version,
    artifactName: 'electron',
    force: process.env.force_no_cache === 'true',
    cacheRoot: process.env.electron_config_cache,
    platform: process.env.npm_config_platform || process.platform,
    arch: process.env.npm_config_arch || process.arch
  }).then((zipPath) => extractFile(zipPath)).catch((err) => onerror(err))
  // 插入这段代码引入文件
  extractFile('./electron-v7.1.7-win32-x64.zip')
  // unzips and makes path.txt point at the correct executable
  function extractFile (zipPath) {
    extract(zipPath, { dir: path.join(__dirname, 'dist') }, function (err) {
      if (err) return onerror(err)
      fs.writeFile(path.join(__dirname, 'path.txt'), platformPath, function (err) {
        if (err) return onerror(err)
      })
    })
  }
  

  第三步打开命令行切换到electron根路径用node编译install文件

  # 执行后可能会一直停留在这个界面然后在electron目录会生成一个dist文件夹确认安装成功后就可以把窗口关闭了
  node install.js
  

  第四步在命令行输入electron或者electron -v会打开electron实例或者显示版本号如果进行到这一步代表electron安装成功并且可以正常运行了