执行vue add electron-builder报自签名证书错误的手动解决方法

该报错是electron-chromedriver安装阶段默认从公网拉取对应版本二进制文件时，被公司内网SSL代理拦截，触发自签名证书校验失败导致的，可通过手动预下载资源配置本地路径的方式绕过，具体流程如下：

手动下载绕过方案 #

• 清理安装残留：删除项目根目录下的node_modules文件夹与package-lock.json文件。
• 确认适配版本：执行npm i electron-chromedriver --ignore-scripts跳过下载脚本完成包结构安装，打开node_modules/electron-chromedriver/package.json记录版本号，匹配对应Windows x64架构的Chromedriver压缩包版本。
• 用可正常访问公网的设备下载对应版本的Chromedriver压缩包，拷贝到办公电脑本地无中文、无空格的固定路径，例如C:\dev\electron-cache\，无需解压。
• 在项目根目录新建或编辑.npmrc文件，写入以下配置：

strict-ssl=false
ELECTRON_CHROMEDRIVER_FILE=C:\dev\electron-cache\对应下载的chromedriver压缩包文件名.zip

• 回到项目根目录重新执行vue add electron-builder，安装脚本检测到本地指定的二进制包路径后，会直接读取本地文件完成安装，不再发起公网下载请求。

镜像源快速方案 #

如果公司网络可访问国内公共软件镜像源，无需手动下载文件，直接在项目根目录.npmrc中写入以下配置，再重新执行安装命令即可：

strict-ssl=false
electron_mirror=https://npmmirror.com/mirrors/electron/
electron-builder-binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/
chromedriver_cdnurl=https://npmmirror.com/mirrors/chromedriver/

注意事项 #

• 本地文件存储路径不要包含中文、特殊字符或空格，避免安装脚本识别路径失败
• 修改.npmrc配置后如果不生效，关闭当前终端重新打开再执行命令
• 安装完成后不要随意调整Electron、electron-chromedriver的版本，避免版本不匹配导致项目启动异常

内容的提问来源于stack exchange，提问作者Ginger_Chacha