Electron 反應在 ipcMain 和 ipcRenderer 中雙向發送數據

Question

我正在嘗試在 electron 中創建ipcMain和ipcRenderer之間的通信。 我正在使用electron 反應樣板

所以第一步是將這部分添加到main：

app
  .whenReady()
  .then(() => {
    ipcMain.handle('dialog:openFile', () => {
      console.log('test');
    });

第二步是將其添加到preload文件中：

contextBridge.exposeInMainWorld('electronAPI', {
  openFile: () => ipcRenderer.invoke('dialog:openFile'),
});

第三步是我卡住的地方。 我正在嘗試通過以下方式將其添加到反應組件中：

await window.electronAPI.openFile();

但我得到Property 'electronAPI' does not exist on type 'Window & typeof globalThis'. 錯誤。 這里有什么問題？

Answer 1

您好@Webby，您確定在 browserWindow Object 中加載了預加載文件嗎？ 此外，您必須在True上擁有屬性 contextIsolation

像這樣的東西

const win = new BrowserWindow(
{
  fullscreen: false,
  webPreferences: {
    contextIsolation: true,
    preload: path.join(__dirname, '../path/to/your/preload.js'),
  },
},