Electron主进程向渲染进程传值显示undefined问题求助

可能原因及对应解决方案 #

1. 渲染进程IPC监听时机错误 #

你的渲染进程代码先发送请求，再注册监听。由于IPC消息处理速度快，主进程的回复可能在渲染进程完成监听注册前就已发送，导致消息丢失；若后续有重复触发，可能收到空数据。

修复代码（先注册监听再发请求）：

let table_data

// 先注册监听回调
ipcRenderer.on('activity_data', (event, activityData) => {
  console.log('Data received');
  console.log(activityData);
});

ipcRenderer.on('activity_data_error', (event, error) => {
  console.error('Error fetching activity data:', error);
});

// 再发送数据请求
ipcRenderer.send('request_data');

2. JSON对象包含IPC无法序列化的内容 #

Electron的IPC使用结构化克隆算法传输数据，无法处理循环引用、函数、Symbol等非标准JSON类型。即便主进程能正常打印，传输时这类内容会导致序列化失败，渲染进程收到undefined。

解决方法：

• 检查activity_data.json，确保内容无循环引用或非JSON标准类型
• 若需传输复杂对象，可先转为JSON字符串再传输：
  主进程代码修改：

  event.reply('activity_data', JSON.stringify(activityData));
  

  渲染进程代码修改：

  ipcRenderer.on('activity_data', (event, activityDataStr) => {
    const activityData = JSON.parse(activityDataStr);
    console.log(activityData);
  });
  

3. 主进程文件路径的稳定性问题 #

主进程的工作目录可能与预期不一致，当前虽然能读取文件，但打包或启动路径变化后易出问题。建议使用绝对路径：

const path = require('path');
// 基于主进程文件所在目录生成绝对路径
const filePath = path.join(__dirname, '../renderer/js/activity_data.json');
const rawData = fs.readFileSync(filePath, 'utf8');

4. 替换event.reply为event.sender.send尝试 #

部分Electron版本中event.reply存在兼容性问题，可替换为event.sender.send测试：
主进程代码修改：

event.sender.send('activity_data', activityData);

验证步骤 #

1. 优先调整渲染进程监听与请求的顺序
2. 检查JSON文件内容是否合规
3. 尝试JSON字符串序列化传输方案

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