电子应用程序中带有Typescript的contextBridge.exposeInMainWorld和IPC :无法读取未定义的属性“”send“”

// main.ts
import { app, BrowserWindow, ipcMain } from 'electron';

const mainWindow = new BrowserWindow({
  webPreferences: {
    contextIsolation: true,
    preload: path.join(__dirname, 'preload.js')
  }
});

ipcMain.on('message-from-renderer', (event, arg) => {
  console.log(arg);
  event.sender.send('message-from-main', 'Hello from main process!');
});

// preload.js
import { contextBridge, ipcRenderer } from 'electron';

contextBridge.exposeInMainWorld('api', {
  send: (channel, data) => {
    // 允许的白名单通道
    const validChannels = ['message-from-renderer'];
    if (validChannels.includes(channel)) {
      ipcRenderer.send(channel, data);
    }
  },
  receive: (channel, func) => {
    const validChannels = ['message-from-main'];
    if (validChannels.includes(channel)) {
      ipcRenderer.on(channel, (event, ...args) => func(...args));
    }
  }
});

// types.ts
declare global {
  interface Window {
    api: {
      send: (channel: string, data: any) => void;
      receive: (channel: string, func: (...args: any[]) => void) => void;
    };
  }
}

// renderer.ts
window.api.send('message-from-renderer', 'Hello from renderer process!');

window.api.receive('message-from-main', (message) => {
  console.log(message);
});