基于Electron搭建Vanilla JS应用启动时遇大量图形渲染错误求助

你的报错是Electron的GPU进程无法创建OpenGL上下文导致的，以下是几个可行的解决方法：

方案1：强制启用软件渲染（最快见效） #

这是绕过GPU硬件加速问题的直接方法：

• 修改启动命令：在package.json的启动脚本里添加--disable-gpu参数，比如：

  "scripts": {
    "start": "electron src/index.js --disable-gpu"
  }
  

• 在代码中设置：在Electron主进程文件（src/index.js）开头添加一行，强制禁用GPU：

  const { app } = require('electron');
  app.commandLine.appendSwitch('disable-gpu');
  

方案2：安装缺失的系统依赖 #

Ubuntu 20.04可能缺少OpenGL和EGL相关的基础库，执行以下命令补全：

sudo apt update
sudo apt install libgl1-mesa-glx libgl1-mesa-dri libegl1-mesa libgbm1

安装完成后重新启动Electron即可。

方案3：检查并更新显卡驱动 #

如果上述方法无效，可能是显卡驱动问题：

• Intel集成显卡：安装mesa工具并验证OpenGL状态：

  sudo apt install mesa-utils
  glxinfo | grep "OpenGL version"
  

  能正常输出OpenGL版本说明驱动没问题。
• Nvidia独立显卡：自动安装官方驱动：

  sudo ubuntu-drivers autoinstall
  

  安装完成后重启系统，再尝试启动Electron。

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