Electron JS报错：Cannot read properties of undefined (reading 'basename')求助

核心错误原因 #

你的preload.js中错误地从electron模块导入了fs和path——这两个是Node.js核心模块，并非Electron的内置导出，导致window.electron.path实际上是undefined，最终调用path.basename时触发错误。

修复步骤 #

1. 修正preload.js的模块导入

将fs和path改为单独从Node.js核心模块导入：

const { contextBridge, ipcRenderer, dialog } = require('electron');
const fs = require('fs');
const path = require('path');

contextBridge.exposeInMainWorld('electron', {
  ipcRenderer: ipcRenderer,
  dialog: dialog,
  fs: fs,
  path: path,
});

2. 验证渲染进程的path可用性

修复后，渲染进程中const { path } = window.electron就能获取到正确的Node.js path模块，调用path.basename不再会出现未定义错误。

额外优化建议 #

• 避免在渲染进程中使用fs同步方法（如existsSync、mkdirSync），建议改用异步版本（fs.promises.exists/fs.promises.mkdir），防止阻塞UI线程。
• 可以在preload中只暴露必要的方法而非整个模块，提升安全性，比如只暴露path.basename和path.join，而不是完整的path模块。

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