我之前帮不少开发者解决过WSL老版本Ubuntu上运行Electron的问题，你的情况大概率是环境兼容性或者图形支持的问题，给你几个针对性的排查修复步骤：

1. 降级Electron到兼容版本 #

Ubuntu 16.04的系统库（比如glibc）版本偏旧，高版本Electron已经停止对它的支持了。你可以安装最后支持该系统的Electron分支版本：

# 先卸载当前的Electron
npm uninstall electron
# 安装兼容的12.x版本
npm install electron@12.2.3 --save-dev

安装完成后再执行npm start试试。

2. 配置WSL的图形界面支持 #

Electron是GUI应用，WSL默认没有图形环境，你需要先搞定X Server的配置：

• 先在Windows上安装X Server工具（比如VcXsrv或者Xming）
• 启动X Server时，记得勾选Disable access control选项，允许WSL连接
• 在WSL的终端里设置显示变量：

  # WSL 1直接用这个
  export DISPLAY=:0
  # WSL 2的话，需要指向Windows主机IP
  export DISPLAY=$(cat /etc/resolv.conf | grep nameserver | awk '{print $2}'):0
  

设置好后再运行electron .。

3. 彻底清理npm缓存并重装依赖 #

有时候缓存损坏会导致依赖安装不完整，执行以下命令重置依赖：

# 强制清理npm缓存
npm cache clean --force
# 删除现有依赖包和锁文件
rm -rf node_modules package-lock.json
# 重新安装所有依赖
npm install

4. 补全系统缺失的运行依赖 #

Ubuntu 16.04可能缺少Electron运行必需的系统库，执行以下命令安装：

sudo apt-get update
sudo apt-get install -y libgtk-3-0 libnss3 libxss1 libasound2 libxtst6 libx11-xcb1 libxcb-dri3-0

如果以上步骤都试过还是不行，建议把electron .执行时的完整错误日志（不要只截ELIFECYCLE那几行）贴出来，这样能更精准定位到底是图形连接失败，还是系统库缺失导致的崩溃。

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