electron-vue打包出现问题汇总

打包过程中出现下载status code 404

1.可能是网络不好，导致相关electron包无法正常下载，也有可能是需要挂代理
2.可能是编译过程的链接出现错误，一般为网址中缺少或多了一个v，建议自行下载到对应cache中
当yarn install出现status code 404时，基于以上属性，需要重新设置electron_custom_dir路径
例如：

yarn config set electron_custom_dir "v9.3.3"

如果出现还是无法下载的情况，可以将对应文件下载好放置于对应的路径下即可
Windows对应cache路径如下

Microsoft Visual C++ Build Tools

C:\Users\.electron
                electron-v4.2.12-win32-x64.zip        
C:\Users\AppData\Local\electron\Cache
                electron-v4.2.12-win32-x64.zip
C:\Users\AppData\Local\electron-builder\Cache\winCodeSign
                winCodeSign-2.4.0 (非压缩包)
C:\Users\AppData\Local\electron-builder\Cache\nsis
                nsis-3.0.3.2 （非压缩包）
                nsis-resources-3.3.0 （非压缩包）

上面这些包可以在无法自动安装的情况下手动安装，非必须

权限管理员安装（全局安装node-sass ）
npm install --global --production windows-build-tools

Linux对应cache路径如下

/home/user/.electron
        electron-v2.0.18-linux-x64.zip
/home/user/.cache/electron
        electron-v2.0.18-linux-x64.zip  electron-v9.4.0-linux-x64
        electron-v9.4.0-linux-x64.zip
/home/user/.cache/electron-builder/appimage
        appimage-9.1.0 （文件夹）
/home/user/.cache/electron-builder/snap
        snap-template-electron-4.0 （文件夹）

打包的名称问题

一般名称为package.json文件中的name字段，默认情况下是不支持空格，如果想要支持空格，则需要添加productName字段，此字段可以添加空格，并且安装完的程序的缓存路径应该也是在此

electron13.0版本实现选择文件夹

由于electron在从低版本到高版本过程中，选择文件夹实现做了相应修改，此处作为记录

低版本

在需要添加选择文件夹功能的vue下添加如下内容

const { dialog } = require('electron').remote;

dialog.showOpenDialog({
                title: 'test',
                defaultPath: 'D:',
                properties: ['openDirectory'],
                filters: []
            }).then(result => {
                if(!result.canceled){
                   print(result["filePaths"][0]);

                }
            })

高版本

除了上述在对应vue中添加相应内容外，还需在如下文件下添加内容
vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: false,
  // 添加的内容
  configureWebpack: {
    externals: {
      'electron': 'require("electron")'
    },
  },
})